new button emoji
new-button from Twitter Emoji by Twitter · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- new-button
- Set
- Twitter Emoji
- Style
- Default
- Category
- Symbols
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Twitter Emoji
a-button-blood-typeab-button-blood-typeantenna-barsaquariusariesatm-signatom-symbolb-button-blood-typebaby-symbolback-arrowbaggage-claimbiohazardblack-circleblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-squareblack-square-buttonblue-circleblue-squarebright-buttonbrown-circlebrown-squarecancer
Use the new button emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#3b88c3" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#fff" d="M1.527 13.121c0-.85.544-1.326 1.275-1.326c.323 0 .85.255 1.071.561l5.388 7.191h.034v-6.426c0-.85.544-1.326 1.275-1.326s1.275.476 1.275 1.326v9.655c0 .85-.544 1.325-1.275 1.325c-.323 0-.833-.255-1.071-.561L4.11 16.434h-.033v6.341c0 .85-.544 1.325-1.275 1.325s-1.275-.476-1.275-1.325zm11.067.255c0-.85.425-1.479 1.326-1.479h4.215c.816 0 1.207.578 1.207 1.173c0 .578-.407 1.173-1.207 1.173h-2.992v2.481h2.788c.833 0 1.24.578 1.24 1.173c0 .578-.424 1.173-1.24 1.173h-2.788v2.584h3.145c.816 0 1.206.578 1.206 1.173c0 .578-.407 1.173-1.206 1.173h-4.386c-.748 0-1.309-.51-1.309-1.274v-9.35zm7.31.119a2.2 2.2 0 0 1-.068-.578c0-.544.459-1.122 1.207-1.122c.816 0 1.207.476 1.359 1.224l1.445 7.224h.034l2.21-7.445c.188-.612.697-1.003 1.326-1.003s1.139.391 1.326 1.003l2.209 7.445h.033l1.445-7.224c.152-.748.545-1.224 1.359-1.224c.748 0 1.207.578 1.207 1.122c0 .238-.016.357-.068.578l-2.158 9.281c-.17.714-.73 1.325-1.682 1.325c-.834 0-1.48-.544-1.684-1.24l-1.97-6.561H27.4l-1.972 6.561a1.735 1.735 0 0 1-1.683 1.24c-.952 0-1.514-.611-1.684-1.325z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiNewButton(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#3b88c3" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#fff" d="M1.527 13.121c0-.85.544-1.326 1.275-1.326c.323 0 .85.255 1.071.561l5.388 7.191h.034v-6.426c0-.85.544-1.326 1.275-1.326s1.275.476 1.275 1.326v9.655c0 .85-.544 1.325-1.275 1.325c-.323 0-.833-.255-1.071-.561L4.11 16.434h-.033v6.341c0 .85-.544 1.325-1.275 1.325s-1.275-.476-1.275-1.325zm11.067.255c0-.85.425-1.479 1.326-1.479h4.215c.816 0 1.207.578 1.207 1.173c0 .578-.407 1.173-1.207 1.173h-2.992v2.481h2.788c.833 0 1.24.578 1.24 1.173c0 .578-.424 1.173-1.24 1.173h-2.788v2.584h3.145c.816 0 1.206.578 1.206 1.173c0 .578-.407 1.173-1.206 1.173h-4.386c-.748 0-1.309-.51-1.309-1.274v-9.35zm7.31.119a2.2 2.2 0 0 1-.068-.578c0-.544.459-1.122 1.207-1.122c.816 0 1.207.476 1.359 1.224l1.445 7.224h.034l2.21-7.445c.188-.612.697-1.003 1.326-1.003s1.139.391 1.326 1.003l2.209 7.445h.033l1.445-7.224c.152-.748.545-1.224 1.359-1.224c.748 0 1.207.578 1.207 1.122c0 .238-.016.357-.068.578l-2.158 9.281c-.17.714-.73 1.325-1.682 1.325c-.834 0-1.48-.544-1.684-1.24l-1.97-6.561H27.4l-1.972 6.561a1.735 1.735 0 0 1-1.683 1.24c-.952 0-1.514-.611-1.684-1.325z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#3b88c3" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#fff" d="M1.527 13.121c0-.85.544-1.326 1.275-1.326c.323 0 .85.255 1.071.561l5.388 7.191h.034v-6.426c0-.85.544-1.326 1.275-1.326s1.275.476 1.275 1.326v9.655c0 .85-.544 1.325-1.275 1.325c-.323 0-.833-.255-1.071-.561L4.11 16.434h-.033v6.341c0 .85-.544 1.325-1.275 1.325s-1.275-.476-1.275-1.325zm11.067.255c0-.85.425-1.479 1.326-1.479h4.215c.816 0 1.207.578 1.207 1.173c0 .578-.407 1.173-1.207 1.173h-2.992v2.481h2.788c.833 0 1.24.578 1.24 1.173c0 .578-.424 1.173-1.24 1.173h-2.788v2.584h3.145c.816 0 1.206.578 1.206 1.173c0 .578-.407 1.173-1.206 1.173h-4.386c-.748 0-1.309-.51-1.309-1.274v-9.35zm7.31.119a2.2 2.2 0 0 1-.068-.578c0-.544.459-1.122 1.207-1.122c.816 0 1.207.476 1.359 1.224l1.445 7.224h.034l2.21-7.445c.188-.612.697-1.003 1.326-1.003s1.139.391 1.326 1.003l2.209 7.445h.033l1.445-7.224c.152-.748.545-1.224 1.359-1.224c.748 0 1.207.578 1.207 1.122c0 .238-.016.357-.068.578l-2.158 9.281c-.17.714-.73 1.325-1.682 1.325c-.834 0-1.48-.544-1.684-1.24l-1.97-6.561H27.4l-1.972 6.561a1.735 1.735 0 0 1-1.683 1.24c-.952 0-1.514-.611-1.684-1.325z"/></svg> </template>
CSS
.icon-new-button {
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%233b88c3%22%20d%3D%22M36%2032a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h28a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1.527%2013.121c0-.85.544-1.326%201.275-1.326c.323%200%20.85.255%201.071.561l5.388%207.191h.034v-6.426c0-.85.544-1.326%201.275-1.326s1.275.476%201.275%201.326v9.655c0%20.85-.544%201.325-1.275%201.325c-.323%200-.833-.255-1.071-.561L4.11%2016.434h-.033v6.341c0%20.85-.544%201.325-1.275%201.325s-1.275-.476-1.275-1.325zm11.067.255c0-.85.425-1.479%201.326-1.479h4.215c.816%200%201.207.578%201.207%201.173c0%20.578-.407%201.173-1.207%201.173h-2.992v2.481h2.788c.833%200%201.24.578%201.24%201.173c0%20.578-.424%201.173-1.24%201.173h-2.788v2.584h3.145c.816%200%201.206.578%201.206%201.173c0%20.578-.407%201.173-1.206%201.173h-4.386c-.748%200-1.309-.51-1.309-1.274v-9.35zm7.31.119a2.2%202.2%200%200%201-.068-.578c0-.544.459-1.122%201.207-1.122c.816%200%201.207.476%201.359%201.224l1.445%207.224h.034l2.21-7.445c.188-.612.697-1.003%201.326-1.003s1.139.391%201.326%201.003l2.209%207.445h.033l1.445-7.224c.152-.748.545-1.224%201.359-1.224c.748%200%201.207.578%201.207%201.122c0%20.238-.016.357-.068.578l-2.158%209.281c-.17.714-.73%201.325-1.682%201.325c-.834%200-1.48-.544-1.684-1.24l-1.97-6.561H27.4l-1.972%206.561a1.735%201.735%200%200%201-1.683%201.24c-.952%200-1.514-.611-1.684-1.325z%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%233b88c3%22%20d%3D%22M36%2032a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h28a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1.527%2013.121c0-.85.544-1.326%201.275-1.326c.323%200%20.85.255%201.071.561l5.388%207.191h.034v-6.426c0-.85.544-1.326%201.275-1.326s1.275.476%201.275%201.326v9.655c0%20.85-.544%201.325-1.275%201.325c-.323%200-.833-.255-1.071-.561L4.11%2016.434h-.033v6.341c0%20.85-.544%201.325-1.275%201.325s-1.275-.476-1.275-1.325zm11.067.255c0-.85.425-1.479%201.326-1.479h4.215c.816%200%201.207.578%201.207%201.173c0%20.578-.407%201.173-1.207%201.173h-2.992v2.481h2.788c.833%200%201.24.578%201.24%201.173c0%20.578-.424%201.173-1.24%201.173h-2.788v2.584h3.145c.816%200%201.206.578%201.206%201.173c0%20.578-.407%201.173-1.206%201.173h-4.386c-.748%200-1.309-.51-1.309-1.274v-9.35zm7.31.119a2.2%202.2%200%200%201-.068-.578c0-.544.459-1.122%201.207-1.122c.816%200%201.207.476%201.359%201.224l1.445%207.224h.034l2.21-7.445c.188-.612.697-1.003%201.326-1.003s1.139.391%201.326%201.003l2.209%207.445h.033l1.445-7.224c.152-.748.545-1.224%201.359-1.224c.748%200%201.207.578%201.207%201.122c0%20.238-.016.357-.068.578l-2.158%209.281c-.17.714-.73%201.325-1.682%201.325c-.834%200-1.48-.544-1.684-1.24l-1.97-6.561H27.4l-1.972%206.561a1.735%201.735%200%200%201-1.683%201.24c-.952%200-1.514-.611-1.684-1.325z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/new-button.svg?color=%231a73e8&size=48
