pills icon
pills-linear from Solar by 480 Design · Linear · Medicine · CC-BY-4.0 Attribution required.
- Name
- pills-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-bolddropper-minimalistic-2-bolddropper-minimalistic-boldhealth-boldheart-pulse-2-boldheart-pulse-boldjar-of-pills-2-boldjar-of-pills-boldmedical-kit-boldpill-boldpills-2-bold
Use the pills 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-width="1.5"><path d="M17.8445 6.15547C17.8445 6.15547 17.4119 8.39999 14.9057 10.9061C12.3996 13.4123 10.1555 13.8445 10.1555 13.8445M20.4075 16.4075C18.2843 18.5308 14.8418 18.5308 12.7185 16.4075L7.59246 11.2815C5.46918 9.15824 5.46918 5.71573 7.59246 3.59246C9.71573 1.46918 13.1582 1.46918 15.2815 3.59246L20.4075 8.71849C22.5308 10.8418 22.5308 14.2843 20.4075 16.4075Z"/><path stroke-linecap="round" d="M14.5 6.5L13 5"/><path d="M6.73022 10.1348C4.02637 10.7173 2 13.1221 2 16.0001C2 19.3139 4.68629 22.0001 8 22.0001C10.8911 22.0001 13.3046 19.9553 13.8732 17.2331"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPillsLinear(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" strokeWidth="1.5"><path d="M17.8445 6.15547C17.8445 6.15547 17.4119 8.39999 14.9057 10.9061C12.3996 13.4123 10.1555 13.8445 10.1555 13.8445M20.4075 16.4075C18.2843 18.5308 14.8418 18.5308 12.7185 16.4075L7.59246 11.2815C5.46918 9.15824 5.46918 5.71573 7.59246 3.59246C9.71573 1.46918 13.1582 1.46918 15.2815 3.59246L20.4075 8.71849C22.5308 10.8418 22.5308 14.2843 20.4075 16.4075Z"/><path strokeLinecap="round" d="M14.5 6.5L13 5"/><path d="M6.73022 10.1348C4.02637 10.7173 2 13.1221 2 16.0001C2 19.3139 4.68629 22.0001 8 22.0001C10.8911 22.0001 13.3046 19.9553 13.8732 17.2331"/></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-width="1.5"><path d="M17.8445 6.15547C17.8445 6.15547 17.4119 8.39999 14.9057 10.9061C12.3996 13.4123 10.1555 13.8445 10.1555 13.8445M20.4075 16.4075C18.2843 18.5308 14.8418 18.5308 12.7185 16.4075L7.59246 11.2815C5.46918 9.15824 5.46918 5.71573 7.59246 3.59246C9.71573 1.46918 13.1582 1.46918 15.2815 3.59246L20.4075 8.71849C22.5308 10.8418 22.5308 14.2843 20.4075 16.4075Z"/><path stroke-linecap="round" d="M14.5 6.5L13 5"/><path d="M6.73022 10.1348C4.02637 10.7173 2 13.1221 2 16.0001C2 19.3139 4.68629 22.0001 8 22.0001C10.8911 22.0001 13.3046 19.9553 13.8732 17.2331"/></g></svg> </template>
CSS
.icon-pills-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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17.8445%206.15547C17.8445%206.15547%2017.4119%208.39999%2014.9057%2010.9061C12.3996%2013.4123%2010.1555%2013.8445%2010.1555%2013.8445M20.4075%2016.4075C18.2843%2018.5308%2014.8418%2018.5308%2012.7185%2016.4075L7.59246%2011.2815C5.46918%209.15824%205.46918%205.71573%207.59246%203.59246C9.71573%201.46918%2013.1582%201.46918%2015.2815%203.59246L20.4075%208.71849C22.5308%2010.8418%2022.5308%2014.2843%2020.4075%2016.4075Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.5%206.5L13%205%22%2F%3E%3Cpath%20d%3D%22M6.73022%2010.1348C4.02637%2010.7173%202%2013.1221%202%2016.0001C2%2019.3139%204.68629%2022.0001%208%2022.0001C10.8911%2022.0001%2013.3046%2019.9553%2013.8732%2017.2331%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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17.8445%206.15547C17.8445%206.15547%2017.4119%208.39999%2014.9057%2010.9061C12.3996%2013.4123%2010.1555%2013.8445%2010.1555%2013.8445M20.4075%2016.4075C18.2843%2018.5308%2014.8418%2018.5308%2012.7185%2016.4075L7.59246%2011.2815C5.46918%209.15824%205.46918%205.71573%207.59246%203.59246C9.71573%201.46918%2013.1582%201.46918%2015.2815%203.59246L20.4075%208.71849C22.5308%2010.8418%2022.5308%2014.2843%2020.4075%2016.4075Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.5%206.5L13%205%22%2F%3E%3Cpath%20d%3D%22M6.73022%2010.1348C4.02637%2010.7173%202%2013.1221%202%2016.0001C2%2019.3139%204.68629%2022.0001%208%2022.0001C10.8911%2022.0001%2013.3046%2019.9553%2013.8732%2017.2331%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/pills-linear.svg?color=%231a73e8&size=48