soap emoji
soap from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- soap
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the soap emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="28.5" cy="26.5" r="3.5" fill="#ccd6dd"/><circle cx="29.5" cy="25.5" r="2.5" fill="#f5f8fa"/><circle cx="26" cy="30" r="3" fill="#ccd6dd"/><circle cx="26.5" cy="29.5" r="2.5" fill="#f5f8fa"/><path fill="#ea596e" d="M32.469 8.188s1.156 2.375.531 6.844s-2.428 7.734-7.384 12.737c-8.411 8.493-14.321 9.461-19.461 4.271c-1.883-1.901-2.627-3.883-2.936-5.977S2.991 21.306 3 21c.034-1.234 1.188-4.667 1.188-4.667z"/><path fill="#f4abba" d="M10.261 8.358C13.468 5.076 17.79 1.834 21.281 1c3.582-.856 6.319.766 8.484 2.881c1.87 1.827 3.482 4.751 3.141 7.775c-.438 3.889-3.512 8.087-7.167 11.827c-3.095 3.167-7.228 6.373-10.614 7.267c-3.723.982-6.652-.602-8.891-2.79c-1.933-1.889-3.565-4.781-3.141-7.929c.515-3.813 3.608-8.031 7.168-11.673"/><path fill="#ffccd6" d="M11.626 8.375c3.179-3.24 6.801-6.001 10.03-6.531c2.428-.399 4.675.785 6.111 2.193c1.363 1.337 2.642 3.525 2.389 5.807c-.368 3.319-3.118 7.05-6.418 10.414c-2.682 2.734-6.094 5.501-8.926 6.336c-3.049.9-5.481-.297-7.215-1.998c-1.618-1.587-2.826-3.994-2.191-6.815c.678-3.01 3.345-6.475 6.22-9.406"/><circle cx="9" cy="10" r="3" fill="#ccd6dd"/><circle cx="9.5" cy="9.5" r="2.5" fill="#f5f8fa"/><circle cx="5.5" cy="8.5" r="2.5" fill="#ccd6dd"/><circle cx="12" cy="6" r="3" fill="#ccd6dd"/><circle cx="9" cy="3" r="2" fill="#ccd6dd"/><circle cx="3.5" cy="4.5" r="1.5" fill="#ccd6dd"/><circle cx="18" cy="4" r="2" fill="#ccd6dd"/><circle cx="5" cy="15" r="2" fill="#ccd6dd"/><circle cx="32.5" cy="25.5" r="2.5" fill="#ccd6dd"/><circle cx="33" cy="19" r="2" fill="#ccd6dd"/><circle cx="6" cy="8" r="2" fill="#f5f8fa"/><circle cx="5.5" cy="14.5" r="1.5" fill="#f5f8fa"/><circle cx="12.5" cy="5.5" r="2.5" fill="#f5f8fa"/><circle cx="9.5" cy="2.5" r="1.5" fill="#f5f8fa"/><circle cx="4" cy="4" r="1" fill="#f5f8fa"/><circle cx="18.5" cy="3.5" r="1.5" fill="#f5f8fa"/><circle cx="33" cy="25" r="2" fill="#f5f8fa"/><circle cx="33.5" cy="18.5" r="1.5" fill="#f5f8fa"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSoap(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="28.5" cy="26.5" r="3.5" fill="#ccd6dd"/><circle cx="29.5" cy="25.5" r="2.5" fill="#f5f8fa"/><circle cx="26" cy="30" r="3" fill="#ccd6dd"/><circle cx="26.5" cy="29.5" r="2.5" fill="#f5f8fa"/><path fill="#ea596e" d="M32.469 8.188s1.156 2.375.531 6.844s-2.428 7.734-7.384 12.737c-8.411 8.493-14.321 9.461-19.461 4.271c-1.883-1.901-2.627-3.883-2.936-5.977S2.991 21.306 3 21c.034-1.234 1.188-4.667 1.188-4.667z"/><path fill="#f4abba" d="M10.261 8.358C13.468 5.076 17.79 1.834 21.281 1c3.582-.856 6.319.766 8.484 2.881c1.87 1.827 3.482 4.751 3.141 7.775c-.438 3.889-3.512 8.087-7.167 11.827c-3.095 3.167-7.228 6.373-10.614 7.267c-3.723.982-6.652-.602-8.891-2.79c-1.933-1.889-3.565-4.781-3.141-7.929c.515-3.813 3.608-8.031 7.168-11.673"/><path fill="#ffccd6" d="M11.626 8.375c3.179-3.24 6.801-6.001 10.03-6.531c2.428-.399 4.675.785 6.111 2.193c1.363 1.337 2.642 3.525 2.389 5.807c-.368 3.319-3.118 7.05-6.418 10.414c-2.682 2.734-6.094 5.501-8.926 6.336c-3.049.9-5.481-.297-7.215-1.998c-1.618-1.587-2.826-3.994-2.191-6.815c.678-3.01 3.345-6.475 6.22-9.406"/><circle cx="9" cy="10" r="3" fill="#ccd6dd"/><circle cx="9.5" cy="9.5" r="2.5" fill="#f5f8fa"/><circle cx="5.5" cy="8.5" r="2.5" fill="#ccd6dd"/><circle cx="12" cy="6" r="3" fill="#ccd6dd"/><circle cx="9" cy="3" r="2" fill="#ccd6dd"/><circle cx="3.5" cy="4.5" r="1.5" fill="#ccd6dd"/><circle cx="18" cy="4" r="2" fill="#ccd6dd"/><circle cx="5" cy="15" r="2" fill="#ccd6dd"/><circle cx="32.5" cy="25.5" r="2.5" fill="#ccd6dd"/><circle cx="33" cy="19" r="2" fill="#ccd6dd"/><circle cx="6" cy="8" r="2" fill="#f5f8fa"/><circle cx="5.5" cy="14.5" r="1.5" fill="#f5f8fa"/><circle cx="12.5" cy="5.5" r="2.5" fill="#f5f8fa"/><circle cx="9.5" cy="2.5" r="1.5" fill="#f5f8fa"/><circle cx="4" cy="4" r="1" fill="#f5f8fa"/><circle cx="18.5" cy="3.5" r="1.5" fill="#f5f8fa"/><circle cx="33" cy="25" r="2" fill="#f5f8fa"/><circle cx="33.5" cy="18.5" r="1.5" fill="#f5f8fa"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="28.5" cy="26.5" r="3.5" fill="#ccd6dd"/><circle cx="29.5" cy="25.5" r="2.5" fill="#f5f8fa"/><circle cx="26" cy="30" r="3" fill="#ccd6dd"/><circle cx="26.5" cy="29.5" r="2.5" fill="#f5f8fa"/><path fill="#ea596e" d="M32.469 8.188s1.156 2.375.531 6.844s-2.428 7.734-7.384 12.737c-8.411 8.493-14.321 9.461-19.461 4.271c-1.883-1.901-2.627-3.883-2.936-5.977S2.991 21.306 3 21c.034-1.234 1.188-4.667 1.188-4.667z"/><path fill="#f4abba" d="M10.261 8.358C13.468 5.076 17.79 1.834 21.281 1c3.582-.856 6.319.766 8.484 2.881c1.87 1.827 3.482 4.751 3.141 7.775c-.438 3.889-3.512 8.087-7.167 11.827c-3.095 3.167-7.228 6.373-10.614 7.267c-3.723.982-6.652-.602-8.891-2.79c-1.933-1.889-3.565-4.781-3.141-7.929c.515-3.813 3.608-8.031 7.168-11.673"/><path fill="#ffccd6" d="M11.626 8.375c3.179-3.24 6.801-6.001 10.03-6.531c2.428-.399 4.675.785 6.111 2.193c1.363 1.337 2.642 3.525 2.389 5.807c-.368 3.319-3.118 7.05-6.418 10.414c-2.682 2.734-6.094 5.501-8.926 6.336c-3.049.9-5.481-.297-7.215-1.998c-1.618-1.587-2.826-3.994-2.191-6.815c.678-3.01 3.345-6.475 6.22-9.406"/><circle cx="9" cy="10" r="3" fill="#ccd6dd"/><circle cx="9.5" cy="9.5" r="2.5" fill="#f5f8fa"/><circle cx="5.5" cy="8.5" r="2.5" fill="#ccd6dd"/><circle cx="12" cy="6" r="3" fill="#ccd6dd"/><circle cx="9" cy="3" r="2" fill="#ccd6dd"/><circle cx="3.5" cy="4.5" r="1.5" fill="#ccd6dd"/><circle cx="18" cy="4" r="2" fill="#ccd6dd"/><circle cx="5" cy="15" r="2" fill="#ccd6dd"/><circle cx="32.5" cy="25.5" r="2.5" fill="#ccd6dd"/><circle cx="33" cy="19" r="2" fill="#ccd6dd"/><circle cx="6" cy="8" r="2" fill="#f5f8fa"/><circle cx="5.5" cy="14.5" r="1.5" fill="#f5f8fa"/><circle cx="12.5" cy="5.5" r="2.5" fill="#f5f8fa"/><circle cx="9.5" cy="2.5" r="1.5" fill="#f5f8fa"/><circle cx="4" cy="4" r="1" fill="#f5f8fa"/><circle cx="18.5" cy="3.5" r="1.5" fill="#f5f8fa"/><circle cx="33" cy="25" r="2" fill="#f5f8fa"/><circle cx="33.5" cy="18.5" r="1.5" fill="#f5f8fa"/></svg> </template>
CSS
.icon-soap {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20cx%3D%2228.5%22%20cy%3D%2226.5%22%20r%3D%223.5%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%2229.5%22%20cy%3D%2225.5%22%20r%3D%222.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2230%22%20r%3D%223%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%2226.5%22%20cy%3D%2229.5%22%20r%3D%222.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M32.469%208.188s1.156%202.375.531%206.844s-2.428%207.734-7.384%2012.737c-8.411%208.493-14.321%209.461-19.461%204.271c-1.883-1.901-2.627-3.883-2.936-5.977S2.991%2021.306%203%2021c.034-1.234%201.188-4.667%201.188-4.667z%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M10.261%208.358C13.468%205.076%2017.79%201.834%2021.281%201c3.582-.856%206.319.766%208.484%202.881c1.87%201.827%203.482%204.751%203.141%207.775c-.438%203.889-3.512%208.087-7.167%2011.827c-3.095%203.167-7.228%206.373-10.614%207.267c-3.723.982-6.652-.602-8.891-2.79c-1.933-1.889-3.565-4.781-3.141-7.929c.515-3.813%203.608-8.031%207.168-11.673%22%2F%3E%3Cpath%20fill%3D%22%23ffccd6%22%20d%3D%22M11.626%208.375c3.179-3.24%206.801-6.001%2010.03-6.531c2.428-.399%204.675.785%206.111%202.193c1.363%201.337%202.642%203.525%202.389%205.807c-.368%203.319-3.118%207.05-6.418%2010.414c-2.682%202.734-6.094%205.501-8.926%206.336c-3.049.9-5.481-.297-7.215-1.998c-1.618-1.587-2.826-3.994-2.191-6.815c.678-3.01%203.345-6.475%206.22-9.406%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2210%22%20r%3D%223%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%228.5%22%20r%3D%222.5%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%223%22%20r%3D%222%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%223.5%22%20cy%3D%224.5%22%20r%3D%221.5%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%224%22%20r%3D%222%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2215%22%20r%3D%222%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%2232.5%22%20cy%3D%2225.5%22%20r%3D%222.5%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2219%22%20r%3D%222%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%228%22%20r%3D%222%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%2214.5%22%20r%3D%221.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%225.5%22%20r%3D%222.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%222.5%22%20r%3D%221.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%224%22%20r%3D%221%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%223.5%22%20r%3D%221.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2225%22%20r%3D%222%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%2233.5%22%20cy%3D%2218.5%22%20r%3D%221.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20cx%3D%2228.5%22%20cy%3D%2226.5%22%20r%3D%223.5%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%2229.5%22%20cy%3D%2225.5%22%20r%3D%222.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2230%22%20r%3D%223%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%2226.5%22%20cy%3D%2229.5%22%20r%3D%222.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M32.469%208.188s1.156%202.375.531%206.844s-2.428%207.734-7.384%2012.737c-8.411%208.493-14.321%209.461-19.461%204.271c-1.883-1.901-2.627-3.883-2.936-5.977S2.991%2021.306%203%2021c.034-1.234%201.188-4.667%201.188-4.667z%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M10.261%208.358C13.468%205.076%2017.79%201.834%2021.281%201c3.582-.856%206.319.766%208.484%202.881c1.87%201.827%203.482%204.751%203.141%207.775c-.438%203.889-3.512%208.087-7.167%2011.827c-3.095%203.167-7.228%206.373-10.614%207.267c-3.723.982-6.652-.602-8.891-2.79c-1.933-1.889-3.565-4.781-3.141-7.929c.515-3.813%203.608-8.031%207.168-11.673%22%2F%3E%3Cpath%20fill%3D%22%23ffccd6%22%20d%3D%22M11.626%208.375c3.179-3.24%206.801-6.001%2010.03-6.531c2.428-.399%204.675.785%206.111%202.193c1.363%201.337%202.642%203.525%202.389%205.807c-.368%203.319-3.118%207.05-6.418%2010.414c-2.682%202.734-6.094%205.501-8.926%206.336c-3.049.9-5.481-.297-7.215-1.998c-1.618-1.587-2.826-3.994-2.191-6.815c.678-3.01%203.345-6.475%206.22-9.406%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2210%22%20r%3D%223%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%228.5%22%20r%3D%222.5%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%223%22%20r%3D%222%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%223.5%22%20cy%3D%224.5%22%20r%3D%221.5%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%224%22%20r%3D%222%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2215%22%20r%3D%222%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%2232.5%22%20cy%3D%2225.5%22%20r%3D%222.5%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2219%22%20r%3D%222%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%228%22%20r%3D%222%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%2214.5%22%20r%3D%221.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%225.5%22%20r%3D%222.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%222.5%22%20r%3D%221.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%224%22%20r%3D%221%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%223.5%22%20r%3D%221.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2225%22%20r%3D%222%22%20fill%3D%22%23f5f8fa%22%2F%3E%3Ccircle%20cx%3D%2233.5%22%20cy%3D%2218.5%22%20r%3D%221.5%22%20fill%3D%22%23f5f8fa%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/soap.svg?color=%231a73e8&size=48
