Add icons to this collection by clicking the heart icon.
Vial icon - also known as medicine, drug, vaccine, vial, serum, healthcare and medical, and ampoule. 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 502 502"
>
<linearGradient id="a">
<stop offset=".001" stop-color="#5bd2f9" />
<stop offset=".978" stop-color="#a0e2fb" />
</linearGradient>
<linearGradient
id="b"
x1="251"
x2="251"
y1="262.601"
y2="115.381"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="251"
x2="251"
y1="502"
y2="381.952"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="251"
x2="251"
y1="398.579"
y2="245.305"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ccd3d3" />
<stop offset="1" stop-color="#ebebeb" />
</linearGradient>
<linearGradient
id="e"
x1="251"
x2="251"
y1="169.168"
y2="47.517"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#746f80" />
<stop offset=".978" stop-color="#bfbdc3" />
</linearGradient>
<path
fill="url(#b)"
d="M394.928 245.305 251 262.601l-143.928-17.296a79.742 79.742 0 0 1 9.715-30.915 79.811 79.811 0 0 1 27.813-29.052 41.95 41.95 0 0 0 19.931-35.716V115.38h172.938v34.242a41.95 41.95 0 0 0 19.931 35.716 79.848 79.848 0 0 1 37.528 59.967z"
/>
<path
fill="url(#c)"
d="M395.337 398.579v35.439c0 .768-.01 1.535-.031 2.303-1.064 36.74-31.815 65.679-68.575 65.679H175.269c-36.76 0-67.511-28.939-68.575-65.678a88.425 88.425 0 0 1-.031-2.303V398.58L251 381.952z"
/>
<path
fill="url(#d)"
d="M395.337 253.31v145.269H106.663V253.31c0-2.692.133-5.364.409-8.005h287.855c.277 2.641.41 5.313.41 8.005z"
/>
<path
fill="#2ecdf9"
d="M238.386 115.381h-73.854v34.242c0 .679-.033 1.353-.065 2.027h73.92c10.015 0 18.134-8.119 18.134-18.134-.001-10.016-8.12-18.135-18.135-18.135z"
/>
<path
fill="#a4e6ff"
d="M323.746 485h-.019c-5.523-.002-9.998-4.481-9.996-10.004.002-5.521 4.479-9.996 10-9.996h.015c6.889 0 13.879-2.654 19.181-7.284 4.16-3.633 10.477-3.205 14.11.955s3.205 10.477-.955 14.11C347.189 480.547 335.403 485 323.746 485zM365.39 442.863h-.075c-5.523-.041-9.967-4.551-9.926-10.074.01-1.393-.007-2.786-.024-4.178-.013-1.09-.026-2.18-.028-3.271-.01-5.523 4.459-10.008 9.981-10.018 5.504-.014 10.008 4.458 10.019 9.982.002 1.022.014 2.044.027 3.067.018 1.522.036 3.044.025 4.567-.041 5.496-4.51 9.925-9.999 9.925z"
/>
<path
fill="#6a647f"
d="M248.941 297.202h-88.012a7.579 7.579 0 1 1 0-15.158h88.012a7.579 7.579 0 1 1 0 15.158zM248.941 329.856h-88.012a7.579 7.579 0 1 1 0-15.158h88.012a7.579 7.579 0 1 1 0 15.158z"
/>
<path
fill="#2ecdf9"
d="M341.071 362.509H160.929a7.579 7.579 0 1 1 0-15.158h180.142a7.579 7.579 0 1 1 0 15.158z"
/>
<path
fill="url(#e)"
d="M311.606 0H190.394c-37.598 0-68.077 30.479-68.077 68.077v20.539c0 18.244 14.79 33.034 33.034 33.034H346.65c18.244 0 33.034-14.79 33.034-33.034V68.077C379.684 30.479 349.204 0 311.606 0z"
/>
<ellipse cx="164.535" cy="89.103" fill="#fdaece" rx="14.695" ry="11.809" />
<ellipse cx="337.465" cy="89.103" fill="#fdaece" rx="14.695" ry="11.809" />
<circle cx="189.728" cy="59.963" r="29.139" fill="#fff" />
<circle cx="312.272" cy="59.963" r="29.139" fill="#fff" />
<g fill="#383842">
<circle cx="189.728" cy="59.963" r="17.367" />
<circle cx="312.272" cy="59.963" r="17.367" />
<path
d="M251 90.111c-5.183 0-10.364-1.96-14.592-5.88a5 5 0 1 1 6.798-7.333c4.588 4.255 10.998 4.255 15.586 0a5 5 0 1 1 6.798 7.333c-4.226 3.92-9.407 5.88-14.59 5.88z"
/>
</g>
</svg>
More icons in the same style and category