Add icons to this collection by clicking the heart icon.
Potion icon - also known as flask, bottle, halloween, magic, spooky, eyeball, and potion. Created in a clean lineal color style with a white, silver, gray, black, orange, and pink 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 0v63.245h-96V0a69.998 69.998 0 0 0-16.692-45.368l-89-104.575A60.001 60.001 0 0 1-216-188.83v-94.925c0-22.092 17.909-40 40-40H80c22.092 0 40 17.908 40 40v94.925a60.001 60.001 0 0 1-14.308 38.887l-89 104.575A69.998 69.998 0 0 0 0 0"
transform="translate(304 331.255)"
fill="#e5fbd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-94.92c0-22.09-17.91-40-40-40h-30c22.09 0 40 17.91 40 40V-17c0 14.25-5.07 28.04-14.31 38.89l-89 104.58A70.012 70.012 0 0 0-150 171.83v80.25h30v-63.25c0-16.62 5.92-32.7 16.69-45.36l89-104.58A59.983 59.983 0 0 0 0 0"
transform="translate(424 142.42)"
fill="#c9f6b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-106c-5.523 0-10-4.478-10-10v-25c0-5.522 4.477-10 10-10H0c5.522 0 10 4.478 10 10v25C10-4.478 5.522 0 0 0"
transform="translate(309 439.5)"
fill="#e5fbd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-25c0-5.52-4.479-10-10-10h-30c5.521 0 10 4.48 10 10V0c0 5.52-4.479 10-10 10h30C-4.479 10 0 5.52 0 0"
transform="translate(319 429.5)"
fill="#c9f6b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-54.762c-20.184 0-34.609-19.531-28.674-38.822L-75.381-65h96l8.055 26.178C34.609-19.531 20.185 0 0 0"
transform="translate(283.38 504.5)"
fill="#ffae89"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-8.05-26.18h-30L-30 0c5.94 19.29-8.479 38.82-28.67 38.82h30C-8.479 38.82 5.94 19.29 0 0"
transform="translate(312.05 465.68)"
fill="#ff9566"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-256c-5.523 0-10 4.478-10 10v93.617c0 4.765 1.701 9.373 4.796 12.995l90.713 106.134A15 15 0 0 0-159.088 228h62.176a15 15 0 0 0 11.403-5.254L5.203 116.612A20 20 0 0 0 10 103.617V10C10 4.478 5.522 0 0 0"
transform="translate(384 37.5)"
fill="#9ff497"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-20c0-5.52-4.479-10-10-10h-256c-5.52 0-10 4.48-10 10V0Z"
transform="translate(394 67.5)"
fill="#6ce79a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-33.137 0-60-26.863-60-60s26.863-60 60-60 60 26.863 60 60S33.137 0 0 0"
transform="translate(256 218)"
fill="#faf7f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.57-6.72-31.57-17.57-42.43C-28.43-53.28-43.43-60-60-60c-5.18 0-10.2.66-15 1.89 10.54 2.71 19.96 8.22 27.43 15.68C-36.72-31.57-30-16.57-30 0s-6.72 31.57-17.57 42.43C-55.04 49.89-64.46 55.4-75 58.11c4.8 1.23 9.82 1.89 15 1.89 16.57 0 31.57-6.72 42.43-17.57C-6.72 31.57 0 16.57 0 0"
transform="translate(316 158)"
fill="#f3eae6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a29.807 29.807 0 0 0-6.14-8.89c-5.429-5.429-12.929-8.79-21.21-8.79-16.57 0-30 13.43-30 30 0 8.281 3.361 15.781 8.79 21.21a29.807 29.807 0 0 0 8.89 6.14c9.46-2.91 17.92-8.1 24.75-14.92C-8.1 17.92-2.909 9.46 0 0"
transform="translate(313.35 175.68)"
fill="#806d7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a29.807 29.807 0 0 0-6.14-8.89c-5.429-5.429-12.929-8.79-21.21-8.79 0 16.571-6.719 31.571-17.57 42.43-2 2-4.149 3.86-6.42 5.57.851 1.14 1.78 2.21 2.78 3.21a29.807 29.807 0 0 0 8.89 6.14c9.46-2.909 17.92-8.1 24.75-14.92C-8.1 17.92-2.909 9.46 0 0"
transform="translate(313.35 175.68)"
fill="#6c5e69"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-13.332 0-24.139 10.808-24.139 24.139v24.138h48.278V24.139C24.139 10.808 13.331 0 0 0"
transform="translate(256 346.223)"
fill="#dd98ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c13.331 0 24.139 10.808 24.139 24.139S13.331 48.277 0 48.277h-24.139V24.139C-24.139 10.808-13.332 0 0 0"
transform="translate(304.277 346.223)"
fill="#e7b3f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.33-10.81-24.141-24.14-24.141-5.66 0-10.88 1.951-15 5.231C-33.57-14.49-30-7.66-30 0c0 6.659-2.7 12.699-7.07 17.069a24.083 24.083 0 0 1-11.21 6.351v.72h24.14a24.07 24.07 0 0 0 17.07-7.071A24.072 24.072 0 0 0 0 0"
transform="translate(328.42 370.36)"
fill="#dd98ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-13.332 0-24.139 10.808-24.139 24.139S-13.332 48.277 0 48.277h24.138V24.139C24.138 10.808 13.331 0 0 0"
transform="translate(207.723 346.223)"
fill="#e7b3f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-50.322-59.128A59.999 59.999 0 0 1-64.63-98.015v-94.924c0-22.092 17.909-40 40-40h256c22.092 0 40 17.908 40 40v94.924a59.999 59.999 0 0 1-14.308 38.887l-89 104.575a69.998 69.998 0 0 0-16.692 45.368v13.134"
transform="translate(152.63 240.44)"
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 0v-12.445a69.998 69.998 0 0 0-16.692-45.368l-15.982-18.779"
transform="translate(208 343.7)"
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-106c-5.523 0-10-4.478-10-10v-25c0-5.522 4.477-10 10-10H0c5.522 0 10 4.478 10 10v25C10-4.478 5.522 0 0 0Z"
transform="translate(309 439.5)"
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 7.083 23.021c5.936 19.291-8.489 38.822-28.674 38.822h-54.762c-20.184 0-34.609-19.531-28.673-38.822l7.178-23.33"
transform="translate(304.972 442.657)"
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-256c-5.523 0-10 4.478-10 10v93.617c0 4.765 1.701 9.373 4.796 12.995l90.713 106.134A15 15 0 0 0-159.088 228h62.176a15 15 0 0 0 11.403-5.254L5.203 116.612A20 20 0 0 0 10 103.617V10C10 4.478 5.522 0 0 0Z"
transform="translate(384 37.5)"
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 0v0c-33.137 0-60-26.863-60-60s26.863-60 60-60 60 26.863 60 60S33.137 0 0 0Z"
transform="translate(256 218)"
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 0a29.93 29.93 0 0 0-5.47-7.493c-5.429-5.43-12.929-8.79-21.21-8.79-16.57 0-30 13.429-30 30 0 8.28 3.361 15.78 8.79 21.21a29.897 29.897 0 0 0 8.177 5.809"
transform="translate(312.68 174.283)"
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 0h21.611"
transform="translate(370.389 67.5)"
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 0h216.389"
transform="translate(119 67.5)"
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 0a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
transform="translate(153 130)"
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 0a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
transform="translate(182 100)"
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 0a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0Z"
transform="translate(359 130)"
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 0a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0Z"
transform="translate(330 100)"
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 0c0-13.331-10.808-24.139-24.139-24.139S-48.277-13.331-48.277 0"
transform="translate(280.139 370.361)"
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 0v-24.139C0-37.47 10.807-48.277 24.139-48.277c13.331 0 24.138 10.807 24.138 24.138C48.277-10.808 37.47 0 24.139 0"
transform="translate(280.139 394.5)"
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 0c0-13.331-10.807-24.139-24.138-24.139-13.332 0-24.139 10.808-24.139 24.139s10.807 24.139 24.139 24.139"
transform="translate(231.861 370.361)"
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 0v-24.139"
transform="translate(231.861 394.5)"
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