ampoule icon
ampoule from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- ampoule
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Use the ampoule icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.446 3C5.13 5.878 3.58 7.068 4.938 9.604c.087.163.13.244.146.28c.186.427.107.81-.231 1.129a5 5 0 0 1-.178.146c-.17.136-.255.204-.332.273a4 4 0 0 0-1.338 2.782C3 14.32 3 14.428 3 14.645V18.5c0 1.404 0 2.107.337 2.611a2 2 0 0 0 .552.552C4.393 22 5.096 22 6.5 22s2.107 0 2.611-.337a2 2 0 0 0 .552-.552C10 20.607 10 19.904 10 18.5v-3.855c0-.217 0-.326-.005-.43a4 4 0 0 0-1.338-2.782c-.077-.07-.162-.137-.332-.273a4 4 0 0 1-.178-.146c-.338-.319-.417-.702-.231-1.128c.016-.037.06-.118.146-.28c1.358-2.537-.192-3.727-.508-6.607C7.494 2.45 7.052 2 6.5 2c-.553 0-.994.45-1.054 1M10 16H3M16.446 3c-.316 2.879-1.866 4.069-.509 6.605c.088.163.131.244.147.28c.186.427.107.81-.231 1.129a5 5 0 0 1-.178.146c-.17.136-.255.204-.332.273a4 4 0 0 0-1.338 2.782c-.005.104-.005.213-.005.43V18.5c0 1.404 0 2.107.337 2.611c.146.218.334.406.552.552c.504.337 1.207.337 2.611.337s2.107 0 2.611-.337c.218-.146.406-.334.552-.552C21 20.607 21 19.904 21 18.5v-3.855c0-.217 0-.326-.005-.43a4 4 0 0 0-1.338-2.782c-.077-.07-.162-.137-.332-.273a4 4 0 0 1-.178-.146c-.338-.319-.417-.702-.231-1.128c.016-.037.06-.118.146-.28c1.358-2.537-.192-3.727-.508-6.607C18.494 2.45 18.052 2 17.5 2c-.553 0-.994.45-1.054 1M21 16h-7"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsAmpoule(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M5.446 3C5.13 5.878 3.58 7.068 4.938 9.604c.087.163.13.244.146.28c.186.427.107.81-.231 1.129a5 5 0 0 1-.178.146c-.17.136-.255.204-.332.273a4 4 0 0 0-1.338 2.782C3 14.32 3 14.428 3 14.645V18.5c0 1.404 0 2.107.337 2.611a2 2 0 0 0 .552.552C4.393 22 5.096 22 6.5 22s2.107 0 2.611-.337a2 2 0 0 0 .552-.552C10 20.607 10 19.904 10 18.5v-3.855c0-.217 0-.326-.005-.43a4 4 0 0 0-1.338-2.782c-.077-.07-.162-.137-.332-.273a4 4 0 0 1-.178-.146c-.338-.319-.417-.702-.231-1.128c.016-.037.06-.118.146-.28c1.358-2.537-.192-3.727-.508-6.607C7.494 2.45 7.052 2 6.5 2c-.553 0-.994.45-1.054 1M10 16H3M16.446 3c-.316 2.879-1.866 4.069-.509 6.605c.088.163.131.244.147.28c.186.427.107.81-.231 1.129a5 5 0 0 1-.178.146c-.17.136-.255.204-.332.273a4 4 0 0 0-1.338 2.782c-.005.104-.005.213-.005.43V18.5c0 1.404 0 2.107.337 2.611c.146.218.334.406.552.552c.504.337 1.207.337 2.611.337s2.107 0 2.611-.337c.218-.146.406-.334.552-.552C21 20.607 21 19.904 21 18.5v-3.855c0-.217 0-.326-.005-.43a4 4 0 0 0-1.338-2.782c-.077-.07-.162-.137-.332-.273a4 4 0 0 1-.178-.146c-.338-.319-.417-.702-.231-1.128c.016-.037.06-.118.146-.28c1.358-2.537-.192-3.727-.508-6.607C18.494 2.45 18.052 2 17.5 2c-.553 0-.994.45-1.054 1M21 16h-7"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.446 3C5.13 5.878 3.58 7.068 4.938 9.604c.087.163.13.244.146.28c.186.427.107.81-.231 1.129a5 5 0 0 1-.178.146c-.17.136-.255.204-.332.273a4 4 0 0 0-1.338 2.782C3 14.32 3 14.428 3 14.645V18.5c0 1.404 0 2.107.337 2.611a2 2 0 0 0 .552.552C4.393 22 5.096 22 6.5 22s2.107 0 2.611-.337a2 2 0 0 0 .552-.552C10 20.607 10 19.904 10 18.5v-3.855c0-.217 0-.326-.005-.43a4 4 0 0 0-1.338-2.782c-.077-.07-.162-.137-.332-.273a4 4 0 0 1-.178-.146c-.338-.319-.417-.702-.231-1.128c.016-.037.06-.118.146-.28c1.358-2.537-.192-3.727-.508-6.607C7.494 2.45 7.052 2 6.5 2c-.553 0-.994.45-1.054 1M10 16H3M16.446 3c-.316 2.879-1.866 4.069-.509 6.605c.088.163.131.244.147.28c.186.427.107.81-.231 1.129a5 5 0 0 1-.178.146c-.17.136-.255.204-.332.273a4 4 0 0 0-1.338 2.782c-.005.104-.005.213-.005.43V18.5c0 1.404 0 2.107.337 2.611c.146.218.334.406.552.552c.504.337 1.207.337 2.611.337s2.107 0 2.611-.337c.218-.146.406-.334.552-.552C21 20.607 21 19.904 21 18.5v-3.855c0-.217 0-.326-.005-.43a4 4 0 0 0-1.338-2.782c-.077-.07-.162-.137-.332-.273a4 4 0 0 1-.178-.146c-.338-.319-.417-.702-.231-1.128c.016-.037.06-.118.146-.28c1.358-2.537-.192-3.727-.508-6.607C18.494 2.45 18.052 2 17.5 2c-.553 0-.994.45-1.054 1M21 16h-7"/></svg> </template>
CSS
.icon-ampoule {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M5.446%203C5.13%205.878%203.58%207.068%204.938%209.604c.087.163.13.244.146.28c.186.427.107.81-.231%201.129a5%205%200%200%201-.178.146c-.17.136-.255.204-.332.273a4%204%200%200%200-1.338%202.782C3%2014.32%203%2014.428%203%2014.645V18.5c0%201.404%200%202.107.337%202.611a2%202%200%200%200%20.552.552C4.393%2022%205.096%2022%206.5%2022s2.107%200%202.611-.337a2%202%200%200%200%20.552-.552C10%2020.607%2010%2019.904%2010%2018.5v-3.855c0-.217%200-.326-.005-.43a4%204%200%200%200-1.338-2.782c-.077-.07-.162-.137-.332-.273a4%204%200%200%201-.178-.146c-.338-.319-.417-.702-.231-1.128c.016-.037.06-.118.146-.28c1.358-2.537-.192-3.727-.508-6.607C7.494%202.45%207.052%202%206.5%202c-.553%200-.994.45-1.054%201M10%2016H3M16.446%203c-.316%202.879-1.866%204.069-.509%206.605c.088.163.131.244.147.28c.186.427.107.81-.231%201.129a5%205%200%200%201-.178.146c-.17.136-.255.204-.332.273a4%204%200%200%200-1.338%202.782c-.005.104-.005.213-.005.43V18.5c0%201.404%200%202.107.337%202.611c.146.218.334.406.552.552c.504.337%201.207.337%202.611.337s2.107%200%202.611-.337c.218-.146.406-.334.552-.552C21%2020.607%2021%2019.904%2021%2018.5v-3.855c0-.217%200-.326-.005-.43a4%204%200%200%200-1.338-2.782c-.077-.07-.162-.137-.332-.273a4%204%200%200%201-.178-.146c-.338-.319-.417-.702-.231-1.128c.016-.037.06-.118.146-.28c1.358-2.537-.192-3.727-.508-6.607C18.494%202.45%2018.052%202%2017.5%202c-.553%200-.994.45-1.054%201M21%2016h-7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M5.446%203C5.13%205.878%203.58%207.068%204.938%209.604c.087.163.13.244.146.28c.186.427.107.81-.231%201.129a5%205%200%200%201-.178.146c-.17.136-.255.204-.332.273a4%204%200%200%200-1.338%202.782C3%2014.32%203%2014.428%203%2014.645V18.5c0%201.404%200%202.107.337%202.611a2%202%200%200%200%20.552.552C4.393%2022%205.096%2022%206.5%2022s2.107%200%202.611-.337a2%202%200%200%200%20.552-.552C10%2020.607%2010%2019.904%2010%2018.5v-3.855c0-.217%200-.326-.005-.43a4%204%200%200%200-1.338-2.782c-.077-.07-.162-.137-.332-.273a4%204%200%200%201-.178-.146c-.338-.319-.417-.702-.231-1.128c.016-.037.06-.118.146-.28c1.358-2.537-.192-3.727-.508-6.607C7.494%202.45%207.052%202%206.5%202c-.553%200-.994.45-1.054%201M10%2016H3M16.446%203c-.316%202.879-1.866%204.069-.509%206.605c.088.163.131.244.147.28c.186.427.107.81-.231%201.129a5%205%200%200%201-.178.146c-.17.136-.255.204-.332.273a4%204%200%200%200-1.338%202.782c-.005.104-.005.213-.005.43V18.5c0%201.404%200%202.107.337%202.611c.146.218.334.406.552.552c.504.337%201.207.337%202.611.337s2.107%200%202.611-.337c.218-.146.406-.334.552-.552C21%2020.607%2021%2019.904%2021%2018.5v-3.855c0-.217%200-.326-.005-.43a4%204%200%200%200-1.338-2.782c-.077-.07-.162-.137-.332-.273a4%204%200%200%201-.178-.146c-.338-.319-.417-.702-.231-1.128c.016-.037.06-.118.146-.28c1.358-2.537-.192-3.727-.508-6.607C18.494%202.45%2018.052%202%2017.5%202c-.553%200-.994.45-1.054%201M21%2016h-7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/ampoule.svg?color=%231a73e8&size=48
