dropper icon
dropper-linear from Solar by 480 Design · Linear · Medicine · CC-BY-4.0 Attribution required.
- Name
- dropper-linear
- Set
- Solar
- Style
- Linear
- 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 22V8C2 5.17157 2 3.75736 2.87868 2.87868C3.75736 2 5.17157 2 8 2H11.8913L11.9355 2.00008C12.6224 2.00503 13.2869 2.24559 13.8178 2.68156L13.8517 2.70975C13.8926 2.74382 13.913 2.76086 13.9309 2.77532C14.5341 3.26249 15.2747 3.48035 16 3.43581M18.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.43581V6"/><path d="M22 16.5069V10C22 8.11438 22 7.17157 21.4142 6.58579C20.8284 6 19.8856 6 18 6H14C12.1144 6 11.1716 6 10.5858 6.58579C10 7.17157 10 8.11438 10 10V16.5069C10 17.1639 10.277 17.7906 10.7629 18.2329C13.7315 20.935 18.2685 20.935 21.2371 18.2329C21.723 17.7906 22 17.1639 22 16.5069Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarDropperLinear(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 22V8C2 5.17157 2 3.75736 2.87868 2.87868C3.75736 2 5.17157 2 8 2H11.8913L11.9355 2.00008C12.6224 2.00503 13.2869 2.24559 13.8178 2.68156L13.8517 2.70975C13.8926 2.74382 13.913 2.76086 13.9309 2.77532C14.5341 3.26249 15.2747 3.48035 16 3.43581M18.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.43581V6"/><path d="M22 16.5069V10C22 8.11438 22 7.17157 21.4142 6.58579C20.8284 6 19.8856 6 18 6H14C12.1144 6 11.1716 6 10.5858 6.58579C10 7.17157 10 8.11438 10 10V16.5069C10 17.1639 10.277 17.7906 10.7629 18.2329C13.7315 20.935 18.2685 20.935 21.2371 18.2329C21.723 17.7906 22 17.1639 22 16.5069Z"/></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 22V8C2 5.17157 2 3.75736 2.87868 2.87868C3.75736 2 5.17157 2 8 2H11.8913L11.9355 2.00008C12.6224 2.00503 13.2869 2.24559 13.8178 2.68156L13.8517 2.70975C13.8926 2.74382 13.913 2.76086 13.9309 2.77532C14.5341 3.26249 15.2747 3.48035 16 3.43581M18.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.43581V6"/><path d="M22 16.5069V10C22 8.11438 22 7.17157 21.4142 6.58579C20.8284 6 19.8856 6 18 6H14C12.1144 6 11.1716 6 10.5858 6.58579C10 7.17157 10 8.11438 10 10V16.5069C10 17.1639 10.277 17.7906 10.7629 18.2329C13.7315 20.935 18.2685 20.935 21.2371 18.2329C21.723 17.7906 22 17.1639 22 16.5069Z"/></g></svg> </template>
CSS
.icon-dropper-linear {
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%2022V8C2%205.17157%202%203.75736%202.87868%202.87868C3.75736%202%205.17157%202%208%202H11.8913L11.9355%202.00008C12.6224%202.00503%2013.2869%202.24559%2013.8178%202.68156L13.8517%202.70975C13.8926%202.74382%2013.913%202.76086%2013.9309%202.77532C14.5341%203.26249%2015.2747%203.48035%2016%203.43581M18.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.43581V6%22%2F%3E%3Cpath%20d%3D%22M22%2016.5069V10C22%208.11438%2022%207.17157%2021.4142%206.58579C20.8284%206%2019.8856%206%2018%206H14C12.1144%206%2011.1716%206%2010.5858%206.58579C10%207.17157%2010%208.11438%2010%2010V16.5069C10%2017.1639%2010.277%2017.7906%2010.7629%2018.2329C13.7315%2020.935%2018.2685%2020.935%2021.2371%2018.2329C21.723%2017.7906%2022%2017.1639%2022%2016.5069Z%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%2022V8C2%205.17157%202%203.75736%202.87868%202.87868C3.75736%202%205.17157%202%208%202H11.8913L11.9355%202.00008C12.6224%202.00503%2013.2869%202.24559%2013.8178%202.68156L13.8517%202.70975C13.8926%202.74382%2013.913%202.76086%2013.9309%202.77532C14.5341%203.26249%2015.2747%203.48035%2016%203.43581M18.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.43581V6%22%2F%3E%3Cpath%20d%3D%22M22%2016.5069V10C22%208.11438%2022%207.17157%2021.4142%206.58579C20.8284%206%2019.8856%206%2018%206H14C12.1144%206%2011.1716%206%2010.5858%206.58579C10%207.17157%2010%208.11438%2010%2010V16.5069C10%2017.1639%2010.277%2017.7906%2010.7629%2018.2329C13.7315%2020.935%2018.2685%2020.935%2021.2371%2018.2329C21.723%2017.7906%2022%2017.1639%2022%2016.5069Z%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-linear.svg?color=%231a73e8&size=48
