Soap Bubble Icon SVG

Soap Bubble


Soap bubble SVG Icon Code | Customize color

You can get svg icon soap bubble in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Soap bubble

Download

Svg Code

<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="22" cy="30" rx="16" ry="14" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M26 24C27.3333 24.1667 30 25 31 29" stroke="#333" stroke-width="1" stroke-linecap="round"/><circle cx="8" cy="8" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="41" cy="13" r="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>

Soap bubble

Download

Svg Code

<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: white" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="22" cy="30" rx="16" ry="14" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></ellipse><path d="M26 24C27.3333 24.1667 30 25 31 29" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><circle cx="8" cy="8" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle><circle cx="41" cy="13" r="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle></svg>

Soap bubble

Download

Svg Code

<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: red" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="22" cy="30" rx="16" ry="14" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></ellipse><path d="M26 24C27.3333 24.1667 30 25 31 29" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><circle cx="8" cy="8" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle><circle cx="41" cy="13" r="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle></svg>

Soap bubble

Download

Svg Code

<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: blue" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="22" cy="30" rx="16" ry="14" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></ellipse><path d="M26 24C27.3333 24.1667 30 25 31 29" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><circle cx="8" cy="8" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle><circle cx="41" cy="13" r="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle></svg>

Soap bubble

Download

Svg Code

<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: #f3da35" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="22" cy="30" rx="16" ry="14" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></ellipse><path d="M26 24C27.3333 24.1667 30 25 31 29" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><circle cx="8" cy="8" r="4" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle><circle cx="41" cy="13" r="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle></svg>


Advance Editor

You can edit soap bubble as below. Change size color and background color of icon using below tool.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content





Advertisements





Advertisements

You may like these icons
ionicons-v5-s
ionicons-v5-s
ionicons-v5-s
ionicons-v5-s
ionicons-v5-l
ionicons-v5-l
Redbubble


Looking For More Icons?