Bubble Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Bubble icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/337554.svg" alt="Bubble icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/337554.svg" alt="Bubble icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/337554.svg" alt="Bubble icon" :width="24" :height="24" />
CSS background
.icon-bubble {
background-image: url('https://proicons.com/icon/337554.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.a{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><circle class="a" cx="24" cy="24" r="21.5"/><path class="a" d="M24,2.5A21.4952,21.4952,0,0,0,5.096,13.75H42.904A21.4955,21.4955,0,0,0,24,2.5Z"/><path class="a" d="M24,45.5A21.486,21.486,0,0,0,43.0411,33.9657H4.9588A21.4863,21.4863,0,0,0,24,45.5Z"/><path class="a" d="M42.904,13.75H5.096a21.48,21.48,0,0,0-.1372,20.2157H43.0412A21.48,21.48,0,0,0,42.904,13.75Z"/><path class="a" d="M38.0838,24a21.404,21.404,0,0,0-2.596-10.25"/><path class="a" d="M35.625,33.9657A21.388,21.388,0,0,0,38.0838,24"/><path class="a" d="M9.9162,23.7157a21.404,21.404,0,0,0,2.596,10.25"/><path class="a" d="M12.375,13.75a21.388,21.388,0,0,0-2.4588,9.9657"/><ellipse class="a" cx="24" cy="17.2247" rx="8.3601" ry="3.4746"/></svg>
More from Arcticons
View all
Bubble in other icon packs
Copied!