Pill bubble

  • Tags: tooltip
  • Category: Platform

Examples

Heading
Smaller heading

Inline text

Example link text

Download

Download the SVG to use or edit.

Download SVG

Copy HTML

Paste the SVG right into your project's code or directly on a Figma project.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
	<path d="M20,3H6C4.9,3,4,3.9,4,5v5l-3,2l3,2v5c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C22,3.9,21.1,3,20,3z"/>
	<line x1="9.3" y1="12.3" x2="13.3" y2="8.3"/>
	<line x1="12.7" y1="15.7" x2="16.7" y2="11.7"/>
	<path d="M16.8,11.6c0.9-0.9,0.9-2.4,0-3.4s-2.4-0.9-3.4,0"/>
	<path d="M9.2,12.4c-0.9,0.9-0.9,2.4,0,3.4s2.4,0.9,3.4,0"/>
	<line x1="11.3" y1="10.3" x2="14.7" y2="13.7"/>
</svg>
Copy HTML