sos button emoji
sos-button from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- sos-button
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Symbols
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Emoji One (Colored)
Use the sos button emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ff5a79" d="M62 52c0 5.5-4.5 10-10 10H12C6.5 62 2 57.5 2 52V12C2 6.5 6.5 2 12 2h40c5.5 0 10 4.5 10 10z"/><path fill="#fff" d="M23 34.6q-.6-1.2-1.5-2.1c-.6-.6-1.4-1.1-2.2-1.5c-.9-.4-1.7-.6-2.7-.6c-1.9 0-3.9-1.9-3.9-3.7c0-2 1.7-3.6 3.7-3.6s3.9 1.6 3.9 3.6h3.2c0-.9-.2-1.8-.5-2.6s-.8-1.5-1.5-2.2c-.6-.6-1.4-1.1-2.2-1.5s-2-.5-2.9-.5s-1.8.2-2.7.5c-.8.3-1.6.8-2.2 1.4S10.4 23.1 10 24c-.4.8-.5 1.7-.5 2.6c0 1.7.8 3.4 2.2 4.7s3.2 2.1 4.9 2.1c1.9 0 3.7 1.7 3.7 3.7s-1.7 3.6-3.7 3.6s-3.9-1.7-3.9-3.7H9.6c0 .9.2 1.8.5 2.6s.8 1.5 1.5 2.2c.6.6 1.4 1.1 2.2 1.4c.8.4 2 .6 2.9.6s1.8-.2 2.7-.5c.8-.3 1.6-.8 2.2-1.5c.6-.6 1.1-1.3 1.5-2.2c.4-.8.5-1.7.5-2.6q0-1.05-.6-2.4m16-10.5c-.4-.8-.9-1.5-1.5-2.2s-1.4-1.1-2.2-1.5c-.9-.4-1.8-.5-2.7-.5s-1.9.2-2.7.5s-1.6.8-2.2 1.5c-.6.6-1.1 1.3-1.5 2.2c-.4.8-.6 1.7-.6 2.6v10.4c0 .9.2 1.8.6 2.6s.9 1.5 1.5 2.2c.6.6 1.4 1.1 2.2 1.5c.9.4 1.8.5 2.7.5s1.9-.2 2.7-.5s1.6-.8 2.2-1.5c.6-.6 1.1-1.3 1.5-2.2c.4-.8.6-1.7.6-2.6V26.8q0-1.35-.6-2.7m-6.4 16.8c-2.1 0-3.8-1.6-3.8-3.7V26.8c0-2 1.7-3.7 3.8-3.7s3.8 1.6 3.8 3.7v10.4c-.1 2-1.8 3.7-3.8 3.7M55 34.6q-.6-1.2-1.5-2.1c-.6-.6-1.4-1.1-2.2-1.5q-1.35-.6-2.7-.6c-1.9 0-3.9-1.9-3.9-3.7c0-2 1.7-3.6 3.7-3.6s3.9 1.6 3.9 3.6h3.2c0-.9-.2-1.8-.5-2.6s-.8-1.5-1.5-2.2c-.6-.6-1.4-1.1-2.2-1.5c-.9-.4-2-.5-2.9-.5s-1.8.2-2.7.5c-.8.3-1.6.8-2.2 1.5c-.6.6-1.1 1.3-1.5 2.2c-.4.8-.5 1.7-.5 2.6c0 1.7.8 3.4 2.2 4.7s3.2 2.1 4.9 2.1c1.9 0 3.7 1.7 3.7 3.7s-1.7 3.6-3.7 3.6s-3.9-1.7-3.9-3.7h-3.2c0 .9.2 1.8.5 2.6s.8 1.5 1.5 2.2c.6.6 1.4 1.1 2.2 1.4c.9.4 2 .6 2.9.6s1.8-.2 2.7-.5c.8-.3 1.6-.8 2.2-1.4s1.1-1.3 1.5-2.2c.4-.8.5-1.7.5-2.6c.1-.9-.1-1.7-.5-2.6"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneSosButton(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ff5a79" d="M62 52c0 5.5-4.5 10-10 10H12C6.5 62 2 57.5 2 52V12C2 6.5 6.5 2 12 2h40c5.5 0 10 4.5 10 10z"/><path fill="#fff" d="M23 34.6q-.6-1.2-1.5-2.1c-.6-.6-1.4-1.1-2.2-1.5c-.9-.4-1.7-.6-2.7-.6c-1.9 0-3.9-1.9-3.9-3.7c0-2 1.7-3.6 3.7-3.6s3.9 1.6 3.9 3.6h3.2c0-.9-.2-1.8-.5-2.6s-.8-1.5-1.5-2.2c-.6-.6-1.4-1.1-2.2-1.5s-2-.5-2.9-.5s-1.8.2-2.7.5c-.8.3-1.6.8-2.2 1.4S10.4 23.1 10 24c-.4.8-.5 1.7-.5 2.6c0 1.7.8 3.4 2.2 4.7s3.2 2.1 4.9 2.1c1.9 0 3.7 1.7 3.7 3.7s-1.7 3.6-3.7 3.6s-3.9-1.7-3.9-3.7H9.6c0 .9.2 1.8.5 2.6s.8 1.5 1.5 2.2c.6.6 1.4 1.1 2.2 1.4c.8.4 2 .6 2.9.6s1.8-.2 2.7-.5c.8-.3 1.6-.8 2.2-1.5c.6-.6 1.1-1.3 1.5-2.2c.4-.8.5-1.7.5-2.6q0-1.05-.6-2.4m16-10.5c-.4-.8-.9-1.5-1.5-2.2s-1.4-1.1-2.2-1.5c-.9-.4-1.8-.5-2.7-.5s-1.9.2-2.7.5s-1.6.8-2.2 1.5c-.6.6-1.1 1.3-1.5 2.2c-.4.8-.6 1.7-.6 2.6v10.4c0 .9.2 1.8.6 2.6s.9 1.5 1.5 2.2c.6.6 1.4 1.1 2.2 1.5c.9.4 1.8.5 2.7.5s1.9-.2 2.7-.5s1.6-.8 2.2-1.5c.6-.6 1.1-1.3 1.5-2.2c.4-.8.6-1.7.6-2.6V26.8q0-1.35-.6-2.7m-6.4 16.8c-2.1 0-3.8-1.6-3.8-3.7V26.8c0-2 1.7-3.7 3.8-3.7s3.8 1.6 3.8 3.7v10.4c-.1 2-1.8 3.7-3.8 3.7M55 34.6q-.6-1.2-1.5-2.1c-.6-.6-1.4-1.1-2.2-1.5q-1.35-.6-2.7-.6c-1.9 0-3.9-1.9-3.9-3.7c0-2 1.7-3.6 3.7-3.6s3.9 1.6 3.9 3.6h3.2c0-.9-.2-1.8-.5-2.6s-.8-1.5-1.5-2.2c-.6-.6-1.4-1.1-2.2-1.5c-.9-.4-2-.5-2.9-.5s-1.8.2-2.7.5c-.8.3-1.6.8-2.2 1.5c-.6.6-1.1 1.3-1.5 2.2c-.4.8-.5 1.7-.5 2.6c0 1.7.8 3.4 2.2 4.7s3.2 2.1 4.9 2.1c1.9 0 3.7 1.7 3.7 3.7s-1.7 3.6-3.7 3.6s-3.9-1.7-3.9-3.7h-3.2c0 .9.2 1.8.5 2.6s.8 1.5 1.5 2.2c.6.6 1.4 1.1 2.2 1.4c.9.4 2 .6 2.9.6s1.8-.2 2.7-.5c.8-.3 1.6-.8 2.2-1.4s1.1-1.3 1.5-2.2c.4-.8.5-1.7.5-2.6c.1-.9-.1-1.7-.5-2.6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ff5a79" d="M62 52c0 5.5-4.5 10-10 10H12C6.5 62 2 57.5 2 52V12C2 6.5 6.5 2 12 2h40c5.5 0 10 4.5 10 10z"/><path fill="#fff" d="M23 34.6q-.6-1.2-1.5-2.1c-.6-.6-1.4-1.1-2.2-1.5c-.9-.4-1.7-.6-2.7-.6c-1.9 0-3.9-1.9-3.9-3.7c0-2 1.7-3.6 3.7-3.6s3.9 1.6 3.9 3.6h3.2c0-.9-.2-1.8-.5-2.6s-.8-1.5-1.5-2.2c-.6-.6-1.4-1.1-2.2-1.5s-2-.5-2.9-.5s-1.8.2-2.7.5c-.8.3-1.6.8-2.2 1.4S10.4 23.1 10 24c-.4.8-.5 1.7-.5 2.6c0 1.7.8 3.4 2.2 4.7s3.2 2.1 4.9 2.1c1.9 0 3.7 1.7 3.7 3.7s-1.7 3.6-3.7 3.6s-3.9-1.7-3.9-3.7H9.6c0 .9.2 1.8.5 2.6s.8 1.5 1.5 2.2c.6.6 1.4 1.1 2.2 1.4c.8.4 2 .6 2.9.6s1.8-.2 2.7-.5c.8-.3 1.6-.8 2.2-1.5c.6-.6 1.1-1.3 1.5-2.2c.4-.8.5-1.7.5-2.6q0-1.05-.6-2.4m16-10.5c-.4-.8-.9-1.5-1.5-2.2s-1.4-1.1-2.2-1.5c-.9-.4-1.8-.5-2.7-.5s-1.9.2-2.7.5s-1.6.8-2.2 1.5c-.6.6-1.1 1.3-1.5 2.2c-.4.8-.6 1.7-.6 2.6v10.4c0 .9.2 1.8.6 2.6s.9 1.5 1.5 2.2c.6.6 1.4 1.1 2.2 1.5c.9.4 1.8.5 2.7.5s1.9-.2 2.7-.5s1.6-.8 2.2-1.5c.6-.6 1.1-1.3 1.5-2.2c.4-.8.6-1.7.6-2.6V26.8q0-1.35-.6-2.7m-6.4 16.8c-2.1 0-3.8-1.6-3.8-3.7V26.8c0-2 1.7-3.7 3.8-3.7s3.8 1.6 3.8 3.7v10.4c-.1 2-1.8 3.7-3.8 3.7M55 34.6q-.6-1.2-1.5-2.1c-.6-.6-1.4-1.1-2.2-1.5q-1.35-.6-2.7-.6c-1.9 0-3.9-1.9-3.9-3.7c0-2 1.7-3.6 3.7-3.6s3.9 1.6 3.9 3.6h3.2c0-.9-.2-1.8-.5-2.6s-.8-1.5-1.5-2.2c-.6-.6-1.4-1.1-2.2-1.5c-.9-.4-2-.5-2.9-.5s-1.8.2-2.7.5c-.8.3-1.6.8-2.2 1.5c-.6.6-1.1 1.3-1.5 2.2c-.4.8-.5 1.7-.5 2.6c0 1.7.8 3.4 2.2 4.7s3.2 2.1 4.9 2.1c1.9 0 3.7 1.7 3.7 3.7s-1.7 3.6-3.7 3.6s-3.9-1.7-3.9-3.7h-3.2c0 .9.2 1.8.5 2.6s.8 1.5 1.5 2.2c.6.6 1.4 1.1 2.2 1.4c.9.4 2 .6 2.9.6s1.8-.2 2.7-.5c.8-.3 1.6-.8 2.2-1.4s1.1-1.3 1.5-2.2c.4-.8.5-1.7.5-2.6c.1-.9-.1-1.7-.5-2.6"/></svg> </template>
CSS
.icon-sos-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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ff5a79%22%20d%3D%22M62%2052c0%205.5-4.5%2010-10%2010H12C6.5%2062%202%2057.5%202%2052V12C2%206.5%206.5%202%2012%202h40c5.5%200%2010%204.5%2010%2010z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M23%2034.6q-.6-1.2-1.5-2.1c-.6-.6-1.4-1.1-2.2-1.5c-.9-.4-1.7-.6-2.7-.6c-1.9%200-3.9-1.9-3.9-3.7c0-2%201.7-3.6%203.7-3.6s3.9%201.6%203.9%203.6h3.2c0-.9-.2-1.8-.5-2.6s-.8-1.5-1.5-2.2c-.6-.6-1.4-1.1-2.2-1.5s-2-.5-2.9-.5s-1.8.2-2.7.5c-.8.3-1.6.8-2.2%201.4S10.4%2023.1%2010%2024c-.4.8-.5%201.7-.5%202.6c0%201.7.8%203.4%202.2%204.7s3.2%202.1%204.9%202.1c1.9%200%203.7%201.7%203.7%203.7s-1.7%203.6-3.7%203.6s-3.9-1.7-3.9-3.7H9.6c0%20.9.2%201.8.5%202.6s.8%201.5%201.5%202.2c.6.6%201.4%201.1%202.2%201.4c.8.4%202%20.6%202.9.6s1.8-.2%202.7-.5c.8-.3%201.6-.8%202.2-1.5c.6-.6%201.1-1.3%201.5-2.2c.4-.8.5-1.7.5-2.6q0-1.05-.6-2.4m16-10.5c-.4-.8-.9-1.5-1.5-2.2s-1.4-1.1-2.2-1.5c-.9-.4-1.8-.5-2.7-.5s-1.9.2-2.7.5s-1.6.8-2.2%201.5c-.6.6-1.1%201.3-1.5%202.2c-.4.8-.6%201.7-.6%202.6v10.4c0%20.9.2%201.8.6%202.6s.9%201.5%201.5%202.2c.6.6%201.4%201.1%202.2%201.5c.9.4%201.8.5%202.7.5s1.9-.2%202.7-.5s1.6-.8%202.2-1.5c.6-.6%201.1-1.3%201.5-2.2c.4-.8.6-1.7.6-2.6V26.8q0-1.35-.6-2.7m-6.4%2016.8c-2.1%200-3.8-1.6-3.8-3.7V26.8c0-2%201.7-3.7%203.8-3.7s3.8%201.6%203.8%203.7v10.4c-.1%202-1.8%203.7-3.8%203.7M55%2034.6q-.6-1.2-1.5-2.1c-.6-.6-1.4-1.1-2.2-1.5q-1.35-.6-2.7-.6c-1.9%200-3.9-1.9-3.9-3.7c0-2%201.7-3.6%203.7-3.6s3.9%201.6%203.9%203.6h3.2c0-.9-.2-1.8-.5-2.6s-.8-1.5-1.5-2.2c-.6-.6-1.4-1.1-2.2-1.5c-.9-.4-2-.5-2.9-.5s-1.8.2-2.7.5c-.8.3-1.6.8-2.2%201.5c-.6.6-1.1%201.3-1.5%202.2c-.4.8-.5%201.7-.5%202.6c0%201.7.8%203.4%202.2%204.7s3.2%202.1%204.9%202.1c1.9%200%203.7%201.7%203.7%203.7s-1.7%203.6-3.7%203.6s-3.9-1.7-3.9-3.7h-3.2c0%20.9.2%201.8.5%202.6s.8%201.5%201.5%202.2c.6.6%201.4%201.1%202.2%201.4c.9.4%202%20.6%202.9.6s1.8-.2%202.7-.5c.8-.3%201.6-.8%202.2-1.4s1.1-1.3%201.5-2.2c.4-.8.5-1.7.5-2.6c.1-.9-.1-1.7-.5-2.6%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ff5a79%22%20d%3D%22M62%2052c0%205.5-4.5%2010-10%2010H12C6.5%2062%202%2057.5%202%2052V12C2%206.5%206.5%202%2012%202h40c5.5%200%2010%204.5%2010%2010z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M23%2034.6q-.6-1.2-1.5-2.1c-.6-.6-1.4-1.1-2.2-1.5c-.9-.4-1.7-.6-2.7-.6c-1.9%200-3.9-1.9-3.9-3.7c0-2%201.7-3.6%203.7-3.6s3.9%201.6%203.9%203.6h3.2c0-.9-.2-1.8-.5-2.6s-.8-1.5-1.5-2.2c-.6-.6-1.4-1.1-2.2-1.5s-2-.5-2.9-.5s-1.8.2-2.7.5c-.8.3-1.6.8-2.2%201.4S10.4%2023.1%2010%2024c-.4.8-.5%201.7-.5%202.6c0%201.7.8%203.4%202.2%204.7s3.2%202.1%204.9%202.1c1.9%200%203.7%201.7%203.7%203.7s-1.7%203.6-3.7%203.6s-3.9-1.7-3.9-3.7H9.6c0%20.9.2%201.8.5%202.6s.8%201.5%201.5%202.2c.6.6%201.4%201.1%202.2%201.4c.8.4%202%20.6%202.9.6s1.8-.2%202.7-.5c.8-.3%201.6-.8%202.2-1.5c.6-.6%201.1-1.3%201.5-2.2c.4-.8.5-1.7.5-2.6q0-1.05-.6-2.4m16-10.5c-.4-.8-.9-1.5-1.5-2.2s-1.4-1.1-2.2-1.5c-.9-.4-1.8-.5-2.7-.5s-1.9.2-2.7.5s-1.6.8-2.2%201.5c-.6.6-1.1%201.3-1.5%202.2c-.4.8-.6%201.7-.6%202.6v10.4c0%20.9.2%201.8.6%202.6s.9%201.5%201.5%202.2c.6.6%201.4%201.1%202.2%201.5c.9.4%201.8.5%202.7.5s1.9-.2%202.7-.5s1.6-.8%202.2-1.5c.6-.6%201.1-1.3%201.5-2.2c.4-.8.6-1.7.6-2.6V26.8q0-1.35-.6-2.7m-6.4%2016.8c-2.1%200-3.8-1.6-3.8-3.7V26.8c0-2%201.7-3.7%203.8-3.7s3.8%201.6%203.8%203.7v10.4c-.1%202-1.8%203.7-3.8%203.7M55%2034.6q-.6-1.2-1.5-2.1c-.6-.6-1.4-1.1-2.2-1.5q-1.35-.6-2.7-.6c-1.9%200-3.9-1.9-3.9-3.7c0-2%201.7-3.6%203.7-3.6s3.9%201.6%203.9%203.6h3.2c0-.9-.2-1.8-.5-2.6s-.8-1.5-1.5-2.2c-.6-.6-1.4-1.1-2.2-1.5c-.9-.4-2-.5-2.9-.5s-1.8.2-2.7.5c-.8.3-1.6.8-2.2%201.5c-.6.6-1.1%201.3-1.5%202.2c-.4.8-.5%201.7-.5%202.6c0%201.7.8%203.4%202.2%204.7s3.2%202.1%204.9%202.1c1.9%200%203.7%201.7%203.7%203.7s-1.7%203.6-3.7%203.6s-3.9-1.7-3.9-3.7h-3.2c0%20.9.2%201.8.5%202.6s.8%201.5%201.5%202.2c.6.6%201.4%201.1%202.2%201.4c.9.4%202%20.6%202.9.6s1.8-.2%202.7-.5c.8-.3%201.6-.8%202.2-1.4s1.1-1.3%201.5-2.2c.4-.8.5-1.7.5-2.6c.1-.9-.1-1.7-.5-2.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/sos-button.svg?color=%231a73e8&size=48
