pill emoji
pill from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- pill
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- License
- Apache 2.0
The same emoji in other sets
pillEmoji One (Colored)pill-16-filledFluent UI System IconspillFluent EmojipillFluent Emoji FlatpillFluent Emoji High Contrastpillcss.ggpillHuge IconspillHumbleiconspillIconParkpillIconPark OutlinepillIconPark SolidpillIconPark TwoTonepillLucidepillMajesticonspillMaterial SymbolspillMaterial Symbols LightpillMaterial Design IconspillNoto EmojipillOpenMojipillPhosphorpill-boldSolarpillStreamline EmojispillTabler IconspillTwitter Emoji
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the pill emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFB636" d="M473.417 205.623L364.902 314.137l-54.257 54.257l-167.531-167.531l54.257-54.257L305.886 38.091c46.263-46.262 121.269-46.262 167.531 0s46.262 121.269 0 167.532"/><path fill="#FF3131" d="m315.438 363.303l.149.149l-108.514 108.515c-46.262 46.263-121.269 46.263-167.531 0s-46.263-121.269 0-167.531l108.515-108.515l.149.149c46.52-41.403 117.837-39.81 162.44 4.793s46.195 115.92 4.792 162.44"/><path fill="#FF9292" d="M123.307 336.745c-8.269 0-16.538-3.154-22.846-9.463c-12.618-12.618-12.618-33.075 0-45.693l74.404-74.404c12.617-12.618 33.074-12.618 45.692 0s12.618 33.075 0 45.692l-74.404 74.405c-6.308 6.309-14.577 9.463-22.846 9.463"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiPill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFB636" d="M473.417 205.623L364.902 314.137l-54.257 54.257l-167.531-167.531l54.257-54.257L305.886 38.091c46.263-46.262 121.269-46.262 167.531 0s46.262 121.269 0 167.532"/><path fill="#FF3131" d="m315.438 363.303l.149.149l-108.514 108.515c-46.262 46.263-121.269 46.263-167.531 0s-46.263-121.269 0-167.531l108.515-108.515l.149.149c46.52-41.403 117.837-39.81 162.44 4.793s46.195 115.92 4.792 162.44"/><path fill="#FF9292" d="M123.307 336.745c-8.269 0-16.538-3.154-22.846-9.463c-12.618-12.618-12.618-33.075 0-45.693l74.404-74.404c12.617-12.618 33.074-12.618 45.692 0s12.618 33.075 0 45.692l-74.404 74.405c-6.308 6.309-14.577 9.463-22.846 9.463"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFB636" d="M473.417 205.623L364.902 314.137l-54.257 54.257l-167.531-167.531l54.257-54.257L305.886 38.091c46.263-46.262 121.269-46.262 167.531 0s46.262 121.269 0 167.532"/><path fill="#FF3131" d="m315.438 363.303l.149.149l-108.514 108.515c-46.262 46.263-121.269 46.263-167.531 0s-46.263-121.269 0-167.531l108.515-108.515l.149.149c46.52-41.403 117.837-39.81 162.44 4.793s46.195 115.92 4.792 162.44"/><path fill="#FF9292" d="M123.307 336.745c-8.269 0-16.538-3.154-22.846-9.463c-12.618-12.618-12.618-33.075 0-45.693l74.404-74.404c12.617-12.618 33.074-12.618 45.692 0s12.618 33.075 0 45.692l-74.404 74.405c-6.308 6.309-14.577 9.463-22.846 9.463"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M473.417%20205.623L364.902%20314.137l-54.257%2054.257l-167.531-167.531l54.257-54.257L305.886%2038.091c46.263-46.262%20121.269-46.262%20167.531%200s46.262%20121.269%200%20167.532%22%2F%3E%3Cpath%20fill%3D%22%23FF3131%22%20d%3D%22m315.438%20363.303l.149.149l-108.514%20108.515c-46.262%2046.263-121.269%2046.263-167.531%200s-46.263-121.269%200-167.531l108.515-108.515l.149.149c46.52-41.403%20117.837-39.81%20162.44%204.793s46.195%20115.92%204.792%20162.44%22%2F%3E%3Cpath%20fill%3D%22%23FF9292%22%20d%3D%22M123.307%20336.745c-8.269%200-16.538-3.154-22.846-9.463c-12.618-12.618-12.618-33.075%200-45.693l74.404-74.404c12.617-12.618%2033.074-12.618%2045.692%200s12.618%2033.075%200%2045.692l-74.404%2074.405c-6.308%206.309-14.577%209.463-22.846%209.463%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M473.417%20205.623L364.902%20314.137l-54.257%2054.257l-167.531-167.531l54.257-54.257L305.886%2038.091c46.263-46.262%20121.269-46.262%20167.531%200s46.262%20121.269%200%20167.532%22%2F%3E%3Cpath%20fill%3D%22%23FF3131%22%20d%3D%22m315.438%20363.303l.149.149l-108.514%20108.515c-46.262%2046.263-121.269%2046.263-167.531%200s-46.263-121.269%200-167.531l108.515-108.515l.149.149c46.52-41.403%20117.837-39.81%20162.44%204.793s46.195%20115.92%204.792%20162.44%22%2F%3E%3Cpath%20fill%3D%22%23FF9292%22%20d%3D%22M123.307%20336.745c-8.269%200-16.538-3.154-22.846-9.463c-12.618-12.618-12.618-33.075%200-45.693l74.404-74.404c12.617-12.618%2033.074-12.618%2045.692%200s12.618%2033.075%200%2045.692l-74.404%2074.405c-6.308%206.309-14.577%209.463-22.846%209.463%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/pill.svg?color=%231a73e8&size=48
