dropper icon
dropper-broken from Solar by 480 Design · Broken · Medicine · CC-BY-4.0 Attribution required.
- Name
- dropper-broken
- Set
- Solar
- Style
- Broken
- Category
- Medicine
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More medicine icons from Solar
adhesive-plaster-2-boldadhesive-plaster-boldbacteria-boldbenzene-ring-boldbone-boldbone-broken-bold-duotonebone-crack-boldbone-fracture-boldbones-boldbrain-bolddna-bolddropper-2-bolddropper-3-bolddropper-minimalistic-2-bolddropper-minimalistic-boldhealth-boldheart-pulse-2-boldheart-pulse-boldjar-of-pills-2-boldjar-of-pills-boldmedical-kit-boldpill-boldpills-2-boldpills-3-bold
Use the dropper icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M22 10H18"/><path d="M22 13H19"/><path d="M16 21V22"/><path d="M2 22V20M18.5 2L17.9774 2.52261C17.9398 2.56024 17.9209 2.57906 17.9044 2.59508C17.3724 3.11098 16.6932 3.39324 16 3.43581M16 2V3.43581M16 3.43581V6M16 3.43581C15.2747 3.48035 14.5341 3.26249 13.9309 2.77532C13.913 2.76086 13.8926 2.74382 13.8517 2.70975L13.8178 2.68156C13.2869 2.24559 12.6224 2.00503 11.9355 2.00008L11.8913 2H8C5.17157 2 3.75736 2 2.87868 2.87868C2 3.75736 2 5.17157 2 8V16"/><path d="M10 10C10 8.11438 10 7.17157 10.5858 6.58579C11.1716 6 12.1144 6 14 6H18C19.8856 6 20.8284 6 21.4142 6.58579C22 7.17157 22 8.11438 22 10V16.5069C22 17.1639 21.723 17.7906 21.2371 18.2329C18.2685 20.935 13.7315 20.935 10.7629 18.2329C10.277 17.7906 10 17.1639 10 16.5069V14"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarDropperBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M22 10H18"/><path d="M22 13H19"/><path d="M16 21V22"/><path d="M2 22V20M18.5 2L17.9774 2.52261C17.9398 2.56024 17.9209 2.57906 17.9044 2.59508C17.3724 3.11098 16.6932 3.39324 16 3.43581M16 2V3.43581M16 3.43581V6M16 3.43581C15.2747 3.48035 14.5341 3.26249 13.9309 2.77532C13.913 2.76086 13.8926 2.74382 13.8517 2.70975L13.8178 2.68156C13.2869 2.24559 12.6224 2.00503 11.9355 2.00008L11.8913 2H8C5.17157 2 3.75736 2 2.87868 2.87868C2 3.75736 2 5.17157 2 8V16"/><path d="M10 10C10 8.11438 10 7.17157 10.5858 6.58579C11.1716 6 12.1144 6 14 6H18C19.8856 6 20.8284 6 21.4142 6.58579C22 7.17157 22 8.11438 22 10V16.5069C22 17.1639 21.723 17.7906 21.2371 18.2329C18.2685 20.935 13.7315 20.935 10.7629 18.2329C10.277 17.7906 10 17.1639 10 16.5069V14"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M22 10H18"/><path d="M22 13H19"/><path d="M16 21V22"/><path d="M2 22V20M18.5 2L17.9774 2.52261C17.9398 2.56024 17.9209 2.57906 17.9044 2.59508C17.3724 3.11098 16.6932 3.39324 16 3.43581M16 2V3.43581M16 3.43581V6M16 3.43581C15.2747 3.48035 14.5341 3.26249 13.9309 2.77532C13.913 2.76086 13.8926 2.74382 13.8517 2.70975L13.8178 2.68156C13.2869 2.24559 12.6224 2.00503 11.9355 2.00008L11.8913 2H8C5.17157 2 3.75736 2 2.87868 2.87868C2 3.75736 2 5.17157 2 8V16"/><path d="M10 10C10 8.11438 10 7.17157 10.5858 6.58579C11.1716 6 12.1144 6 14 6H18C19.8856 6 20.8284 6 21.4142 6.58579C22 7.17157 22 8.11438 22 10V16.5069C22 17.1639 21.723 17.7906 21.2371 18.2329C18.2685 20.935 13.7315 20.935 10.7629 18.2329C10.277 17.7906 10 17.1639 10 16.5069V14"/></g></svg> </template>
CSS
.icon-dropper-broken {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M22%2010H18%22%2F%3E%3Cpath%20d%3D%22M22%2013H19%22%2F%3E%3Cpath%20d%3D%22M16%2021V22%22%2F%3E%3Cpath%20d%3D%22M2%2022V20M18.5%202L17.9774%202.52261C17.9398%202.56024%2017.9209%202.57906%2017.9044%202.59508C17.3724%203.11098%2016.6932%203.39324%2016%203.43581M16%202V3.43581M16%203.43581V6M16%203.43581C15.2747%203.48035%2014.5341%203.26249%2013.9309%202.77532C13.913%202.76086%2013.8926%202.74382%2013.8517%202.70975L13.8178%202.68156C13.2869%202.24559%2012.6224%202.00503%2011.9355%202.00008L11.8913%202H8C5.17157%202%203.75736%202%202.87868%202.87868C2%203.75736%202%205.17157%202%208V16%22%2F%3E%3Cpath%20d%3D%22M10%2010C10%208.11438%2010%207.17157%2010.5858%206.58579C11.1716%206%2012.1144%206%2014%206H18C19.8856%206%2020.8284%206%2021.4142%206.58579C22%207.17157%2022%208.11438%2022%2010V16.5069C22%2017.1639%2021.723%2017.7906%2021.2371%2018.2329C18.2685%2020.935%2013.7315%2020.935%2010.7629%2018.2329C10.277%2017.7906%2010%2017.1639%2010%2016.5069V14%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M22%2010H18%22%2F%3E%3Cpath%20d%3D%22M22%2013H19%22%2F%3E%3Cpath%20d%3D%22M16%2021V22%22%2F%3E%3Cpath%20d%3D%22M2%2022V20M18.5%202L17.9774%202.52261C17.9398%202.56024%2017.9209%202.57906%2017.9044%202.59508C17.3724%203.11098%2016.6932%203.39324%2016%203.43581M16%202V3.43581M16%203.43581V6M16%203.43581C15.2747%203.48035%2014.5341%203.26249%2013.9309%202.77532C13.913%202.76086%2013.8926%202.74382%2013.8517%202.70975L13.8178%202.68156C13.2869%202.24559%2012.6224%202.00503%2011.9355%202.00008L11.8913%202H8C5.17157%202%203.75736%202%202.87868%202.87868C2%203.75736%202%205.17157%202%208V16%22%2F%3E%3Cpath%20d%3D%22M10%2010C10%208.11438%2010%207.17157%2010.5858%206.58579C11.1716%206%2012.1144%206%2014%206H18C19.8856%206%2020.8284%206%2021.4142%206.58579C22%207.17157%2022%208.11438%2022%2010V16.5069C22%2017.1639%2021.723%2017.7906%2021.2371%2018.2329C18.2685%2020.935%2013.7315%2020.935%2010.7629%2018.2329C10.277%2017.7906%2010%2017.1639%2010%2016.5069V14%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/dropper-broken.svg?color=%231a73e8&size=48
