pill icon
pill-filled from Reicon by REICON · Filled · Medicine · MIT Free for personal and commercial use.
- Name
- pill-filled
- Set
- Reicon
- Style
- Filled
- Category
- Medicine
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All pill icons →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 EmojipillOpenMojipillPhosphorpill-boldSolarpillStreamline EmojispillTabler Icons
More medicine icons from Reicon
Use the pill icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.99 3.99a6.796 6.796 0 0 0 0 9.612l2.564 2.563l.495-.095h.001l.014-.003l.074-.018q.103-.024.315-.091c.282-.09.697-.243 1.21-.49c1.024-.493 2.438-1.364 3.939-2.866c1.501-1.501 2.372-2.915 2.866-3.939c.247-.512.4-.928.49-1.21a5 5 0 0 0 .109-.389l.003-.014l.095-.496l-2.563-2.563a6.796 6.796 0 0 0-9.611 0m13.428 3.816l-.032.103c-.11.343-.288.824-.568 1.404c-.56 1.162-1.525 2.718-3.156 4.349s-3.187 2.597-4.349 3.157a11 11 0 0 1-1.507.599l2.591 2.59a6.796 6.796 0 1 0 9.611-9.61z"/></svg>
React
import type { SVGProps } from "react";
export function ReiconPillFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.99 3.99a6.796 6.796 0 0 0 0 9.612l2.564 2.563l.495-.095h.001l.014-.003l.074-.018q.103-.024.315-.091c.282-.09.697-.243 1.21-.49c1.024-.493 2.438-1.364 3.939-2.866c1.501-1.501 2.372-2.915 2.866-3.939c.247-.512.4-.928.49-1.21a5 5 0 0 0 .109-.389l.003-.014l.095-.496l-2.563-2.563a6.796 6.796 0 0 0-9.611 0m13.428 3.816l-.032.103c-.11.343-.288.824-.568 1.404c-.56 1.162-1.525 2.718-3.156 4.349s-3.187 2.597-4.349 3.157a11 11 0 0 1-1.507.599l2.591 2.59a6.796 6.796 0 1 0 9.611-9.61z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.99 3.99a6.796 6.796 0 0 0 0 9.612l2.564 2.563l.495-.095h.001l.014-.003l.074-.018q.103-.024.315-.091c.282-.09.697-.243 1.21-.49c1.024-.493 2.438-1.364 3.939-2.866c1.501-1.501 2.372-2.915 2.866-3.939c.247-.512.4-.928.49-1.21a5 5 0 0 0 .109-.389l.003-.014l.095-.496l-2.563-2.563a6.796 6.796 0 0 0-9.611 0m13.428 3.816l-.032.103c-.11.343-.288.824-.568 1.404c-.56 1.162-1.525 2.718-3.156 4.349s-3.187 2.597-4.349 3.157a11 11 0 0 1-1.507.599l2.591 2.59a6.796 6.796 0 1 0 9.611-9.61z"/></svg> </template>
CSS
.icon-pill-filled {
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%22currentColor%22%20d%3D%22M3.99%203.99a6.796%206.796%200%200%200%200%209.612l2.564%202.563l.495-.095h.001l.014-.003l.074-.018q.103-.024.315-.091c.282-.09.697-.243%201.21-.49c1.024-.493%202.438-1.364%203.939-2.866c1.501-1.501%202.372-2.915%202.866-3.939c.247-.512.4-.928.49-1.21a5%205%200%200%200%20.109-.389l.003-.014l.095-.496l-2.563-2.563a6.796%206.796%200%200%200-9.611%200m13.428%203.816l-.032.103c-.11.343-.288.824-.568%201.404c-.56%201.162-1.525%202.718-3.156%204.349s-3.187%202.597-4.349%203.157a11%2011%200%200%201-1.507.599l2.591%202.59a6.796%206.796%200%201%200%209.611-9.61z%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%22currentColor%22%20d%3D%22M3.99%203.99a6.796%206.796%200%200%200%200%209.612l2.564%202.563l.495-.095h.001l.014-.003l.074-.018q.103-.024.315-.091c.282-.09.697-.243%201.21-.49c1.024-.493%202.438-1.364%203.939-2.866c1.501-1.501%202.372-2.915%202.866-3.939c.247-.512.4-.928.49-1.21a5%205%200%200%200%20.109-.389l.003-.014l.095-.496l-2.563-2.563a6.796%206.796%200%200%200-9.611%200m13.428%203.816l-.032.103c-.11.343-.288.824-.568%201.404c-.56%201.162-1.525%202.718-3.156%204.349s-3.187%202.597-4.349%203.157a11%2011%200%200%201-1.507.599l2.591%202.59a6.796%206.796%200%201%200%209.611-9.61z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/pill-filled.svg?color=%231a73e8&size=48
