Add icons to this collection by clicking the heart icon.
Coconut Oil icon - also known as vegetarian, organic, beauty, vegan, oil bottle, olive oil, food and restaurant, and coconut oil. Created in a clean flat gradient style with a white 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="512"
height="512"
viewBox="0 0 53 53"
>
<linearGradient
id="c"
x1="26.328"
x2="26.328"
y1="37.224"
y2="45.867"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c8effe" stop-opacity=".7" />
<stop offset="1" stop-color="#99e6fc" />
</linearGradient>
<linearGradient
id="d"
x1="26.328"
x2="26.328"
y1="44.173"
y2="48.191"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#d9e0eb" />
</linearGradient>
<linearGradient
id="e"
x1="7.9"
x2="44.756"
y1="43.489"
y2="43.489"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c8effe" stop-opacity=".7" />
<stop offset="1" stop-color="#99e6fc" stop-opacity=".7" />
</linearGradient>
<linearGradient id="a">
<stop offset=".007" stop-color="#b26154" />
<stop offset="1" stop-color="#883f2e" />
</linearGradient>
<linearGradient
id="f"
x1="1665.098"
x2="1686.626"
y1="-151.434"
y2="-151.434"
gradientTransform="rotate(-45 1061.657 1915.296)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="1667.78"
x2="1687.497"
y1="-158.781"
y2="-158.781"
gradientTransform="rotate(-45 1061.657 1915.296)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#d9e0eb" />
<stop offset="1" stop-color="#bcc9d8" />
</linearGradient>
<linearGradient
id="h"
x1="25.826"
x2="40.962"
y1="17.569"
y2="4.783"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="1677.495"
x2="1677.495"
y1="-202.085"
y2="-197.853"
gradientTransform="rotate(-45 1091.472 1902.952) scale(1 .912)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="1679.321"
x2="1677.422"
y1="-205.161"
y2="-198.315"
gradientTransform="rotate(-45 1091.472 1902.952) scale(1 .912)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="21.698"
x2="21.994"
y1="21.04"
y2="27.956"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M44.22 35.975H8.436a.543.543 0 0 0-.537.584C8.2 41.34 12.174 50.5 17.03 50.5h18.594c4.857 0 8.83-9.16 9.132-13.941a.543.543 0 0 0-.537-.584z"
/>
<path
fill="url(#d)"
d="M39.385 44.127H13.27a.503.503 0 0 0-.421.77c1.269 2.076 2.778 3.603 4.182 3.603h18.594c1.404 0 2.913-1.527 4.182-3.602a.503.503 0 0 0-.422-.771z"
/>
<path
fill="url(#e)"
d="M44.746 36.479c-.303 4.115-4.265 12.75-9.12 12.75H17.03c-4.856 0-8.818-8.635-9.12-12.75-.003.024-.012.047-.011.072.295 4.792 4.297 13.949 9.13 13.949h18.595c4.835 0 8.837-9.167 9.131-13.949.001-.025-.008-.048-.01-.072z"
opacity=".4"
/>
<path
fill="#62dbfb"
d="M44.746 36.479c-.303 4.115-4.265 12.75-9.12 12.75H17.03c-4.856 0-8.818-8.635-9.12-12.75-.003.024-.012.047-.011.072.295 4.792 4.297 13.949 9.13 13.949h18.595c4.835 0 8.837-9.167 9.131-13.949.001-.025-.008-.048-.01-.072z"
opacity=".4"
/>
<path
fill="#fff"
d="m37.719 40.009 1.821-.28-1.821-.28.596-.812-.812.596-.28-1.821-.28 1.82-.812-.595.596.812-1.821.28 1.821.28-.596.812.812-.596.28 1.821.28-1.821.812.596z"
/>
<path
fill="url(#f)"
d="M21.079 23.095c5.738 5.738 14.761 6.018 20.154.625s5.114-14.417-.624-20.155z"
/>
<path
fill="#fff"
d="M40.609 3.565c3.903 7.77 1.435 17.642-5.867 21.31-3.099 1.557-6.517 1.85-9.725 1.083 5.391 2.743 11.943 2.035 16.216-2.238 5.394-5.393 5.114-14.417-.624-20.155z"
opacity=".1"
/>
<path
fill="url(#g)"
d="M40.609 3.565c2.583 2.584.306 9.05-5.087 14.443s-11.86 7.67-14.443 5.087-.306-9.05 5.087-14.443 11.86-7.67 14.443-5.087z"
/>
<path
fill="url(#h)"
d="M35.007 17.494c-4.931 4.93-11.004 7.19-13.26 4.934s.002-8.33 4.933-13.261c4.932-4.931 11.004-7.191 13.261-4.934s-.003 8.33-4.934 13.26z"
/>
<path
fill="url(#i)"
d="M34.233 16.72c-4.402 4.402-9.673 6.569-11.51 4.732-1.838-1.838.33-7.109 4.731-11.51 4.403-4.403 9.674-6.57 11.511-4.733 1.837 1.837-.33 7.108-4.732 11.51z"
/>
<path
fill="url(#j)"
d="M39.531 8.032c-5.456.95-13.033 8.52-13.985 13.985C31 21.067 38.579 13.498 39.53 8.032z"
/>
<path
fill="url(#k)"
d="M22.374 21.307c-.078-.318-.532-.318-.61 0-1.548 6.302-3.136 6.76-2.992 8.592.117 1.485 1.268 2.788 2.738 3.03a3.306 3.306 0 0 0 3.86-3.26c0-1.704-1.518-2.327-2.996-8.362z"
/>
</svg>
More icons in the same style and category