pill emoji
pill from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- pill
- Set
- Noto Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji 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 IconspillOpenMojipillPhosphorpill-boldSolarpillStreamline EmojispillTabler IconspillTwitter Emoji
More objects icons from Noto Emoji
Use the pill emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f44336" d="M74.06 115.46c11.38 11.38 30.01 11.38 41.4 0c11.38-11.38 11.38-30.01 0-41.4L84.7 43.3L43.3 84.7z"/><path fill="#fdd835" d="M84.7 43.3L53.94 12.54c-11.38-11.38-30.01-11.38-41.4 0c-11.38 11.38-11.38 30.01 0 41.4L43.3 84.7z"/><path fill="#c62828" d="m86.818 45.424l-41.401 41.4l-2.122-2.12l41.401-41.402z"/><path fill="#fff" d="M69.43 36.25C81.59 49.5 103.65 74.5 103.65 74.5c2.86 2.61 6.79 9.34 4.22 11.66c-2.74 2.48-9.12-2.75-11.98-5.36L49.22 36.89c-2.85-2.61-12.39-11.06-10.53-17.01c3.51-11.23 17.2 1.61 30.74 16.37" opacity=".65"/></svg>
React
import type { SVGProps } from "react";
export function NotoPill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f44336" d="M74.06 115.46c11.38 11.38 30.01 11.38 41.4 0c11.38-11.38 11.38-30.01 0-41.4L84.7 43.3L43.3 84.7z"/><path fill="#fdd835" d="M84.7 43.3L53.94 12.54c-11.38-11.38-30.01-11.38-41.4 0c-11.38 11.38-11.38 30.01 0 41.4L43.3 84.7z"/><path fill="#c62828" d="m86.818 45.424l-41.401 41.4l-2.122-2.12l41.401-41.402z"/><path fill="#fff" d="M69.43 36.25C81.59 49.5 103.65 74.5 103.65 74.5c2.86 2.61 6.79 9.34 4.22 11.66c-2.74 2.48-9.12-2.75-11.98-5.36L49.22 36.89c-2.85-2.61-12.39-11.06-10.53-17.01c3.51-11.23 17.2 1.61 30.74 16.37" opacity=".65"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f44336" d="M74.06 115.46c11.38 11.38 30.01 11.38 41.4 0c11.38-11.38 11.38-30.01 0-41.4L84.7 43.3L43.3 84.7z"/><path fill="#fdd835" d="M84.7 43.3L53.94 12.54c-11.38-11.38-30.01-11.38-41.4 0c-11.38 11.38-11.38 30.01 0 41.4L43.3 84.7z"/><path fill="#c62828" d="m86.818 45.424l-41.401 41.4l-2.122-2.12l41.401-41.402z"/><path fill="#fff" d="M69.43 36.25C81.59 49.5 103.65 74.5 103.65 74.5c2.86 2.61 6.79 9.34 4.22 11.66c-2.74 2.48-9.12-2.75-11.98-5.36L49.22 36.89c-2.85-2.61-12.39-11.06-10.53-17.01c3.51-11.23 17.2 1.61 30.74 16.37" opacity=".65"/></svg> </template>
CSS
.icon-pill {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M74.06%20115.46c11.38%2011.38%2030.01%2011.38%2041.4%200c11.38-11.38%2011.38-30.01%200-41.4L84.7%2043.3L43.3%2084.7z%22%2F%3E%3Cpath%20fill%3D%22%23fdd835%22%20d%3D%22M84.7%2043.3L53.94%2012.54c-11.38-11.38-30.01-11.38-41.4%200c-11.38%2011.38-11.38%2030.01%200%2041.4L43.3%2084.7z%22%2F%3E%3Cpath%20fill%3D%22%23c62828%22%20d%3D%22m86.818%2045.424l-41.401%2041.4l-2.122-2.12l41.401-41.402z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M69.43%2036.25C81.59%2049.5%20103.65%2074.5%20103.65%2074.5c2.86%202.61%206.79%209.34%204.22%2011.66c-2.74%202.48-9.12-2.75-11.98-5.36L49.22%2036.89c-2.85-2.61-12.39-11.06-10.53-17.01c3.51-11.23%2017.2%201.61%2030.74%2016.37%22%20opacity%3D%22.65%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M74.06%20115.46c11.38%2011.38%2030.01%2011.38%2041.4%200c11.38-11.38%2011.38-30.01%200-41.4L84.7%2043.3L43.3%2084.7z%22%2F%3E%3Cpath%20fill%3D%22%23fdd835%22%20d%3D%22M84.7%2043.3L53.94%2012.54c-11.38-11.38-30.01-11.38-41.4%200c-11.38%2011.38-11.38%2030.01%200%2041.4L43.3%2084.7z%22%2F%3E%3Cpath%20fill%3D%22%23c62828%22%20d%3D%22m86.818%2045.424l-41.401%2041.4l-2.122-2.12l41.401-41.402z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M69.43%2036.25C81.59%2049.5%20103.65%2074.5%20103.65%2074.5c2.86%202.61%206.79%209.34%204.22%2011.66c-2.74%202.48-9.12-2.75-11.98-5.36L49.22%2036.89c-2.85-2.61-12.39-11.06-10.53-17.01c3.51-11.23%2017.2%201.61%2030.74%2016.37%22%20opacity%3D%22.65%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/pill.svg?color=%231a73e8&size=48
