Add icons to this collection by clicking the heart icon.
Essence icon - also known as herbal, organic, beauty, treatment, wellness, essence, and tea tree oil. Created in a clean lineal color style with a white, silver, gray, black, red, yellow, and teal finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v60.081h-91.545V0h-32.411c-10.806 0-19.566-8.761-19.566-19.566v-205.64c0-10.807 8.76-19.566 19.566-19.566H32.411c10.806 0 19.566 8.759 19.566 19.566v205.64C51.977-8.761 43.217 0 32.411 0Z"
transform="translate(301.772 252.273)"
fill="#e7eaf7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-32.411v60.082h-33.815V14.773C-66.226 6.614-59.611 0-51.452 0h17.637c10.806 0 19.566-8.761 19.566-19.566v-205.64c0-10.807-8.76-19.566-19.566-19.566H0c10.806 0 19.565 8.759 19.565 19.566v205.64C19.565-8.761 10.806 0 0 0"
transform="translate(334.184 252.273)"
fill="#d4daf3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-126.891a7.876 7.876 0 0 0-7.876 7.876v32.321a7.875 7.875 0 0 0 7.876 7.875H0a7.875 7.875 0 0 0 7.876-7.875V7.876A7.876 7.876 0 0 0 0 0"
transform="translate(319.445 312.353)"
fill="#57be92"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-31.521a7.875 7.875 0 0 0 7.876-7.875v-32.321a7.875 7.875 0 0 0-7.876-7.875H0a7.875 7.875 0 0 1 7.876 7.875v32.321A7.875 7.875 0 0 1 0 0"
transform="translate(319.445 360.426)"
fill="#22b380"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-202.032c-11.222 0-20.32 9.098-20.32 20.319v3.772c0 11.222 9.098 20.319 20.32 20.319H0Z"
transform="translate(321.713 432.113)"
fill="#e7eaf7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M297.879 432.113h23.834v44.41h-23.834z"
fill="#d4daf3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.544 0 20.902 9.358 20.902 20.902v58.559c0 11.544-9.358 20.902-20.902 20.902s-20.902-9.358-20.902-20.902V20.902C-20.902 9.358-11.544 0 0 0"
transform="translate(342.615 404.137)"
fill="#e94444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a20.79 20.79 0 0 1-11.917-3.742c5.427-3.776 8.985-10.049 8.985-17.16v-58.559c0-7.112-3.558-13.385-8.985-17.16A20.783 20.783 0 0 1 0-100.363c11.544 0 20.902 9.358 20.902 20.902v58.559C20.902-9.358 11.544 0 0 0"
transform="translate(342.615 504.5)"
fill="#d83131"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-49.105 8.206v44.41L0 60.821c18.797 3.142 35.914-11.352 35.914-30.41C35.914 11.354 18.797-3.141 0 0"
transform="translate(412.623 423.907)"
fill="#e94444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-8.324-1.391C3.428-5.631 12.08-16.863 12.08-30.41c0-13.547-8.652-24.779-20.404-29.02L0-60.821c18.797-3.141 35.914 11.353 35.914 30.411C35.914-11.353 18.797 3.142 0 0"
transform="translate(412.623 484.728)"
fill="#d83131"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-19.509-19.509-54.62-16.028-54.62-16.028s-3.48 35.11 16.03 54.62C-19.082 58.101 8.353 62.298 16.029 54.62 23.706 46.943 19.51 19.51 0 0"
transform="translate(273.608 142.294)"
fill="#bbec6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.225 4.226-14.438 4.845-26.016 1.304A9.104 9.104 0 0 0-24.345 0c7.677-7.677 3.481-35.11-16.029-54.619-8.552-8.552-20.101-12.686-30.377-14.632.054-.894.102-1.397.102-1.397s35.111-3.481 54.62 16.029C3.48-35.11 7.677-7.677 0 0"
transform="translate(289.568 196.914)"
fill="#a8e237"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-78.483C0-89.29 8.76-98.05 19.566-98.05h156.367c10.806 0 19.566 8.76 19.566 19.567v205.639c0 10.806-8.76 19.567-19.566 19.567h-32.411v60.081H51.977v-60.081H19.566C8.76 146.723 0 137.962 0 127.156V35.218"
transform="translate(158.25 105.55)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-126.891a7.876 7.876 0 0 0-7.876 7.876v32.321a7.875 7.875 0 0 0 7.876 7.875H0a7.875 7.875 0 0 0 7.876-7.875V7.876A7.876 7.876 0 0 0 0 0Z"
transform="translate(319.445 312.353)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-166.755c-11.223 0-20.321 9.098-20.321 20.319v3.772c0 11.222 9.098 20.319 20.321 20.319H35.276V0"
transform="translate(286.437 432.113)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c11.544 0 20.902 9.358 20.902 20.902v58.559c0 11.544-9.358 20.902-20.902 20.902s-20.902-9.358-20.902-20.902V20.902C-20.902 9.358-11.544 0 0 0Z"
transform="translate(342.615 404.137)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-49.105 8.205v44.41L0 60.821c18.797 3.141 35.914-11.353 35.914-30.411C35.914 11.353 18.797-3.142 0 0Z"
transform="translate(412.623 423.908)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-35.897"
transform="translate(99.36 454.318)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-19.509-19.509-54.62-16.028-54.62-16.028s-3.48 35.11 16.03 54.62C-19.082 58.101 8.353 62.298 16.029 54.62 23.706 46.943 19.51 19.51 0 0Z"
transform="translate(273.608 142.294)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-70.649-70.648"
transform="translate(289.638 196.914)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h35.898"
transform="translate(238.051 57.408)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category