ok button emoji
ok-button from Twitter Emoji by Twitter · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- ok-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 ok 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.933 17.455c0-4.992 3.36-8.833 8.256-8.833c4.825 0 8.257 3.96 8.257 8.833c0 4.969-3.336 8.833-8.257 8.833c-4.872 0-8.256-3.864-8.256-8.833m12.769 0c0-2.904-1.512-5.52-4.513-5.52s-4.512 2.616-4.512 5.52c0 2.929 1.464 5.521 4.512 5.521s4.513-2.592 4.513-5.521m5.23-6.913c0-.984.721-1.776 1.801-1.776c1.031 0 1.8.672 1.8 1.776v5.185l5.905-6.289c.264-.288.719-.672 1.391-.672c.912 0 1.777.696 1.777 1.728c0 .624-.385 1.128-1.176 1.92l-4.537 4.464l5.545 5.785c.576.576 1.008 1.103 1.008 1.824c0 1.128-.889 1.655-1.873 1.655c-.695 0-1.15-.407-1.824-1.128l-6.216-6.721v6.121c0 .936-.72 1.728-1.8 1.728c-1.032 0-1.801-.672-1.801-1.728z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiOkButton(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.933 17.455c0-4.992 3.36-8.833 8.256-8.833c4.825 0 8.257 3.96 8.257 8.833c0 4.969-3.336 8.833-8.257 8.833c-4.872 0-8.256-3.864-8.256-8.833m12.769 0c0-2.904-1.512-5.52-4.513-5.52s-4.512 2.616-4.512 5.52c0 2.929 1.464 5.521 4.512 5.521s4.513-2.592 4.513-5.521m5.23-6.913c0-.984.721-1.776 1.801-1.776c1.031 0 1.8.672 1.8 1.776v5.185l5.905-6.289c.264-.288.719-.672 1.391-.672c.912 0 1.777.696 1.777 1.728c0 .624-.385 1.128-1.176 1.92l-4.537 4.464l5.545 5.785c.576.576 1.008 1.103 1.008 1.824c0 1.128-.889 1.655-1.873 1.655c-.695 0-1.15-.407-1.824-1.128l-6.216-6.721v6.121c0 .936-.72 1.728-1.8 1.728c-1.032 0-1.801-.672-1.801-1.728z"/></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.933 17.455c0-4.992 3.36-8.833 8.256-8.833c4.825 0 8.257 3.96 8.257 8.833c0 4.969-3.336 8.833-8.257 8.833c-4.872 0-8.256-3.864-8.256-8.833m12.769 0c0-2.904-1.512-5.52-4.513-5.52s-4.512 2.616-4.512 5.52c0 2.929 1.464 5.521 4.512 5.521s4.513-2.592 4.513-5.521m5.23-6.913c0-.984.721-1.776 1.801-1.776c1.031 0 1.8.672 1.8 1.776v5.185l5.905-6.289c.264-.288.719-.672 1.391-.672c.912 0 1.777.696 1.777 1.728c0 .624-.385 1.128-1.176 1.92l-4.537 4.464l5.545 5.785c.576.576 1.008 1.103 1.008 1.824c0 1.128-.889 1.655-1.873 1.655c-.695 0-1.15-.407-1.824-1.128l-6.216-6.721v6.121c0 .936-.72 1.728-1.8 1.728c-1.032 0-1.801-.672-1.801-1.728z"/></svg> </template>
CSS
.icon-ok-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.933%2017.455c0-4.992%203.36-8.833%208.256-8.833c4.825%200%208.257%203.96%208.257%208.833c0%204.969-3.336%208.833-8.257%208.833c-4.872%200-8.256-3.864-8.256-8.833m12.769%200c0-2.904-1.512-5.52-4.513-5.52s-4.512%202.616-4.512%205.52c0%202.929%201.464%205.521%204.512%205.521s4.513-2.592%204.513-5.521m5.23-6.913c0-.984.721-1.776%201.801-1.776c1.031%200%201.8.672%201.8%201.776v5.185l5.905-6.289c.264-.288.719-.672%201.391-.672c.912%200%201.777.696%201.777%201.728c0%20.624-.385%201.128-1.176%201.92l-4.537%204.464l5.545%205.785c.576.576%201.008%201.103%201.008%201.824c0%201.128-.889%201.655-1.873%201.655c-.695%200-1.15-.407-1.824-1.128l-6.216-6.721v6.121c0%20.936-.72%201.728-1.8%201.728c-1.032%200-1.801-.672-1.801-1.728z%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.933%2017.455c0-4.992%203.36-8.833%208.256-8.833c4.825%200%208.257%203.96%208.257%208.833c0%204.969-3.336%208.833-8.257%208.833c-4.872%200-8.256-3.864-8.256-8.833m12.769%200c0-2.904-1.512-5.52-4.513-5.52s-4.512%202.616-4.512%205.52c0%202.929%201.464%205.521%204.512%205.521s4.513-2.592%204.513-5.521m5.23-6.913c0-.984.721-1.776%201.801-1.776c1.031%200%201.8.672%201.8%201.776v5.185l5.905-6.289c.264-.288.719-.672%201.391-.672c.912%200%201.777.696%201.777%201.728c0%20.624-.385%201.128-1.176%201.92l-4.537%204.464l5.545%205.785c.576.576%201.008%201.103%201.008%201.824c0%201.128-.889%201.655-1.873%201.655c-.695%200-1.15-.407-1.824-1.128l-6.216-6.721v6.121c0%20.936-.72%201.728-1.8%201.728c-1.032%200-1.801-.672-1.801-1.728z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/ok-button.svg?color=%231a73e8&size=48
