pill emoji
pill from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- pill
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.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 IconspillNoto EmojipillOpenMojipillPhosphorpill-boldSolarpillStreamline EmojispillTabler Icons
More objects icons from Twitter Emoji
Use the pill emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#bb1a34" d="m33.207 19.773l-8.868-8.855L11.105 24.54l8.684 8.685l.001-.001A9.47 9.47 0 0 0 26.5 36c5.246 0 9.5-4.254 9.5-9.5a9.47 9.47 0 0 0-2.793-6.727"/><path fill="#fdcb58" d="M15.921 2.513A9.45 9.45 0 0 0 9.5 0A9.5 9.5 0 0 0 0 9.5c0 2.479.958 4.73 2.514 6.421l-.014.014l8.605 8.605l13.234-13.622z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiPill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#bb1a34" d="m33.207 19.773l-8.868-8.855L11.105 24.54l8.684 8.685l.001-.001A9.47 9.47 0 0 0 26.5 36c5.246 0 9.5-4.254 9.5-9.5a9.47 9.47 0 0 0-2.793-6.727"/><path fill="#fdcb58" d="M15.921 2.513A9.45 9.45 0 0 0 9.5 0A9.5 9.5 0 0 0 0 9.5c0 2.479.958 4.73 2.514 6.421l-.014.014l8.605 8.605l13.234-13.622z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#bb1a34" d="m33.207 19.773l-8.868-8.855L11.105 24.54l8.684 8.685l.001-.001A9.47 9.47 0 0 0 26.5 36c5.246 0 9.5-4.254 9.5-9.5a9.47 9.47 0 0 0-2.793-6.727"/><path fill="#fdcb58" d="M15.921 2.513A9.45 9.45 0 0 0 9.5 0A9.5 9.5 0 0 0 0 9.5c0 2.479.958 4.73 2.514 6.421l-.014.014l8.605 8.605l13.234-13.622z"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23bb1a34%22%20d%3D%22m33.207%2019.773l-8.868-8.855L11.105%2024.54l8.684%208.685l.001-.001A9.47%209.47%200%200%200%2026.5%2036c5.246%200%209.5-4.254%209.5-9.5a9.47%209.47%200%200%200-2.793-6.727%22%2F%3E%3Cpath%20fill%3D%22%23fdcb58%22%20d%3D%22M15.921%202.513A9.45%209.45%200%200%200%209.5%200A9.5%209.5%200%200%200%200%209.5c0%202.479.958%204.73%202.514%206.421l-.014.014l8.605%208.605l13.234-13.622z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23bb1a34%22%20d%3D%22m33.207%2019.773l-8.868-8.855L11.105%2024.54l8.684%208.685l.001-.001A9.47%209.47%200%200%200%2026.5%2036c5.246%200%209.5-4.254%209.5-9.5a9.47%209.47%200%200%200-2.793-6.727%22%2F%3E%3Cpath%20fill%3D%22%23fdcb58%22%20d%3D%22M15.921%202.513A9.45%209.45%200%200%200%209.5%200A9.5%209.5%200%200%200%200%209.5c0%202.479.958%204.73%202.514%206.421l-.014.014l8.605%208.605l13.234-13.622z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/pill.svg?color=%231a73e8&size=48
