pill icon
pill-line-duotone from Solar by 480 Design · Line Duotone · Medicine · CC-BY-4.0 Attribution required.
- Name
- pill-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Medicine
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
pillEmoji One (Colored)pill-16-filledFluent UI System IconspillFluent EmojipillFluent Emoji FlatpillFluent Emoji High ContrastpillFirefox OS Emojipillcss.ggpillHuge IconspillHumbleiconspillIconParkpillIconPark OutlinepillIconPark SolidpillIconPark TwoTonepillLucidepillMajesticonspillMaterial SymbolspillMaterial Symbols LightpillMaterial Design IconspillNoto EmojipillOpenMojipillPhosphorpillStreamline EmojispillTabler IconspillTwitter Emoji
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-boldpills-2-boldpills-3-bold
Use the pill 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="M3.99057 13.6019C1.33648 10.9478 1.33648 6.64466 3.99057 3.99057C6.64466 1.33648 10.9478 1.33648 13.6019 3.99057L20.0094 10.3981C22.6635 13.0522 22.6635 17.3553 20.0094 20.0094C17.3553 22.6635 13.0522 22.6635 10.3981 20.0094L3.99057 13.6019Z"/><path d="M16.8057 7.19434C16.8057 7.19434 16.2649 9.99999 13.1322 13.1327C9.99952 16.2653 7.19434 16.8057 7.19434 16.8057" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPillLineDuotone(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="M3.99057 13.6019C1.33648 10.9478 1.33648 6.64466 3.99057 3.99057C6.64466 1.33648 10.9478 1.33648 13.6019 3.99057L20.0094 10.3981C22.6635 13.0522 22.6635 17.3553 20.0094 20.0094C17.3553 22.6635 13.0522 22.6635 10.3981 20.0094L3.99057 13.6019Z"/><path d="M16.8057 7.19434C16.8057 7.19434 16.2649 9.99999 13.1322 13.1327C9.99952 16.2653 7.19434 16.8057 7.19434 16.8057" opacity=".5"/></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="M3.99057 13.6019C1.33648 10.9478 1.33648 6.64466 3.99057 3.99057C6.64466 1.33648 10.9478 1.33648 13.6019 3.99057L20.0094 10.3981C22.6635 13.0522 22.6635 17.3553 20.0094 20.0094C17.3553 22.6635 13.0522 22.6635 10.3981 20.0094L3.99057 13.6019Z"/><path d="M16.8057 7.19434C16.8057 7.19434 16.2649 9.99999 13.1322 13.1327C9.99952 16.2653 7.19434 16.8057 7.19434 16.8057" opacity=".5"/></g></svg> </template>
CSS
.icon-pill-line-duotone {
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%22M3.99057%2013.6019C1.33648%2010.9478%201.33648%206.64466%203.99057%203.99057C6.64466%201.33648%2010.9478%201.33648%2013.6019%203.99057L20.0094%2010.3981C22.6635%2013.0522%2022.6635%2017.3553%2020.0094%2020.0094C17.3553%2022.6635%2013.0522%2022.6635%2010.3981%2020.0094L3.99057%2013.6019Z%22%2F%3E%3Cpath%20d%3D%22M16.8057%207.19434C16.8057%207.19434%2016.2649%209.99999%2013.1322%2013.1327C9.99952%2016.2653%207.19434%2016.8057%207.19434%2016.8057%22%20opacity%3D%22.5%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%22M3.99057%2013.6019C1.33648%2010.9478%201.33648%206.64466%203.99057%203.99057C6.64466%201.33648%2010.9478%201.33648%2013.6019%203.99057L20.0094%2010.3981C22.6635%2013.0522%2022.6635%2017.3553%2020.0094%2020.0094C17.3553%2022.6635%2013.0522%2022.6635%2010.3981%2020.0094L3.99057%2013.6019Z%22%2F%3E%3Cpath%20d%3D%22M16.8057%207.19434C16.8057%207.19434%2016.2649%209.99999%2013.1322%2013.1327C9.99952%2016.2653%207.19434%2016.8057%207.19434%2016.8057%22%20opacity%3D%22.5%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/pill-line-duotone.svg?color=%231a73e8&size=48
