Add icons to this collection by clicking the heart icon.
Potion icon - also known as heart, flask, chemical, love, romantic, potion, and love and romance. Created in a clean gradient style, 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 512 512"
>
<linearGradient
id="a"
x1="9.445"
x2="392.606"
y1="42.858"
y2="552.543"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fec194" />
<stop offset="1" stop-color="#ff0061" />
</linearGradient>
<linearGradient
id="b"
x1="-87.515"
x2="295.646"
y1="115.748"
y2="625.434"
href="#a"
/>
<linearGradient
id="c"
x1="144.925"
x2="528.086"
y1="-58.991"
y2="450.695"
href="#a"
/>
<linearGradient
id="d"
x1="23.737"
x2="406.898"
y1="32.114"
y2="541.8"
href="#a"
/>
<linearGradient
id="e"
x1="164.618"
x2="547.779"
y1="-73.795"
y2="435.891"
href="#a"
/>
<linearGradient
id="f"
x1="85.77"
x2="468.931"
y1="-14.52"
y2="495.165"
href="#a"
/>
<linearGradient
id="g"
x1="104.346"
x2="487.507"
y1="-28.485"
y2="481.201"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M436.405 370.878A141.647 141.647 0 0 0 315.81 230.817a139.858 139.858 0 0 0-21.034-1.559h-77.55c-6.984 0-14.53.185-21.356 1.607a141.788 141.788 0 0 0-108.974 84.502 6 6 0 1 0 11.04 4.703 129.787 129.787 0 0 1 100.042-77.387 132.533 132.533 0 0 1 19.248-1.425h77.55a128.068 128.068 0 0 1 19.247 1.425c62.93 9.359 110.383 64.47 110.383 128.195a129.612 129.612 0 0 1-129.63 129.62h-77.55c-71.478 0-129.63-58.147-129.63-129.62a6 6 0 0 0-12 0c0 74.106 57.22 135.091 129.8 141.122H306.66a141.611 141.611 0 0 0 129.746-141.122z"
/>
<path
fill="url(#b)"
d="M79.478 337.798a144.392 144.392 0 0 0-2.118 10.666 6 6 0 0 0 4.98 6.87 6.07 6.07 0 0 0 .952.075 6.002 6.002 0 0 0 5.918-5.056c.52-3.257 1.173-6.546 1.942-9.775a6 6 0 1 0-11.674-2.78z"
/>
<path
fill="url(#c)"
d="M319.408 61.764H192.594a27 27 0 0 0 0 53.998h126.814a27 27 0 0 0 0-53.998zm0 41.998H192.594a15 15 0 0 1 0-29.998h126.814a15 15 0 0 1 0 29.998z"
/>
<path
fill="url(#d)"
d="M238.494 444.461a24.82 24.82 0 0 0 35.014 0l67.437-67.31a51.02 51.02 0 0 0-72.153-72.153l-11.746 11.747a1.477 1.477 0 0 1-2.09 0l-11.747-11.747a51.02 51.02 0 1 0-72.149 72.157zm-58.952-130.977a39.064 39.064 0 0 1 55.182 0l11.746 11.746a13.477 13.477 0 0 0 19.061 0l11.747-11.746a39.02 39.02 0 0 1 55.186 55.179l-67.434 67.305a12.802 12.802 0 0 1-18.059 0l-67.43-67.302a39.064 39.064 0 0 1 0-55.182z"
/>
<path
fill="url(#e)"
d="M191.093 38.883v28.881a6 6 0 0 0 6 6h117.816a6 6 0 0 0 6-6v-28.88A39.44 39.44 0 0 0 287.76 0h-63.52a39.44 39.44 0 0 0-33.148 38.883zm12 0a27.413 27.413 0 0 1 27.382-27.381h51.052a27.412 27.412 0 0 1 27.382 27.381v22.881H203.093z"
/>
<path
fill="url(#f)"
d="M314.906 181.098h-117.81a6 6 0 0 0-6 6v49.65a6 6 0 0 0 6 6h117.81a6 6 0 0 0 6-6v-49.65a6 6 0 0 0-6-6zm-6 49.65h-105.81v-37.65h105.81z"
/>
<path
fill="url(#g)"
d="M314.905 103.758h-117.81a6 6 0 0 0-6 6v126.98a6 6 0 0 0 6.877 5.936 132.262 132.262 0 0 1 19.253-1.416h77.55a130.869 130.869 0 0 1 19.245 1.424 6 6 0 0 0 6.885-5.934v-126.99a6 6 0 0 0-6-6zm-6 126.202a143.086 143.086 0 0 0-14.13-.702h-77.55c-4.698 0-9.428.234-14.13.699V115.758h105.81z"
/>
</g>
</svg>
More icons in the same style and category