sos button emoji
sos-button from Fluent Emoji High Contrast by Microsoft Corporation · Default · Symbols · MIT Free for personal and commercial use.
- Name
- sos-button
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Symbols
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More symbols icons from Fluent Emoji High Contrast
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 sos button emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M12.406 14.188a3.594 3.594 0 1 1 7.188 0v3.624a3.594 3.594 0 0 1-7.188 0zM16 12.594c-.88 0-1.594.713-1.594 1.594v3.624a1.594 1.594 0 1 0 3.188 0v-3.625c0-.88-.714-1.593-1.594-1.593M4.735 13.662c.051-1.559 1.513-2.935 3.28-2.935c.742 0 1.427.265 1.941.539c.522.278.956.613 1.216.86a1 1 0 1 1-1.375 1.452a4 4 0 0 0-.782-.547c-.365-.195-.716-.304-1-.304c-.795 0-1.269.624-1.281 1.001c-.008.233.068.43.336.653c.308.255.832.507 1.62.726c1.116.31 1.995.904 2.45 1.767c.467.884.392 1.869-.05 2.72a3.08 3.08 0 0 1-2.37 1.644c-1.127.142-2.394-.279-3.725-1.316a1 1 0 1 1 1.229-1.578c1.074.837 1.82.964 2.247.91c.414-.052.694-.292.845-.582c.19-.368.168-.653.056-.865c-.123-.232-.45-.56-1.218-.773c-.9-.25-1.739-.596-2.363-1.116c-.663-.552-1.088-1.309-1.056-2.256m15.906 0c.052-1.559 1.514-2.935 3.28-2.935c.742 0 1.428.265 1.942.539a5.8 5.8 0 0 1 1.215.86a1 1 0 1 1-1.375 1.452a4 4 0 0 0-.781-.547c-.365-.195-.716-.304-1-.304c-.795 0-1.27.624-1.282 1.001c-.008.233.068.43.337.653c.307.255.831.507 1.619.726c1.116.31 1.996.904 2.451 1.767c.466.884.392 1.869-.05 2.72a3.08 3.08 0 0 1-2.37 1.644c-1.128.142-2.394-.279-3.726-1.316a1 1 0 0 1 1.23-1.578c1.074.837 1.82.964 2.246.91c.414-.052.695-.292.845-.582c.19-.368.168-.653.056-.865c-.122-.232-.45-.56-1.217-.773c-.9-.25-1.74-.596-2.364-1.116c-.663-.552-1.087-1.309-1.056-2.256"/><path d="M6 1a5 5 0 0 0-5 5v20a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5V6a5 5 0 0 0-5-5zM3 6a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastSosButton(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M12.406 14.188a3.594 3.594 0 1 1 7.188 0v3.624a3.594 3.594 0 0 1-7.188 0zM16 12.594c-.88 0-1.594.713-1.594 1.594v3.624a1.594 1.594 0 1 0 3.188 0v-3.625c0-.88-.714-1.593-1.594-1.593M4.735 13.662c.051-1.559 1.513-2.935 3.28-2.935c.742 0 1.427.265 1.941.539c.522.278.956.613 1.216.86a1 1 0 1 1-1.375 1.452a4 4 0 0 0-.782-.547c-.365-.195-.716-.304-1-.304c-.795 0-1.269.624-1.281 1.001c-.008.233.068.43.336.653c.308.255.832.507 1.62.726c1.116.31 1.995.904 2.45 1.767c.467.884.392 1.869-.05 2.72a3.08 3.08 0 0 1-2.37 1.644c-1.127.142-2.394-.279-3.725-1.316a1 1 0 1 1 1.229-1.578c1.074.837 1.82.964 2.247.91c.414-.052.694-.292.845-.582c.19-.368.168-.653.056-.865c-.123-.232-.45-.56-1.218-.773c-.9-.25-1.739-.596-2.363-1.116c-.663-.552-1.088-1.309-1.056-2.256m15.906 0c.052-1.559 1.514-2.935 3.28-2.935c.742 0 1.428.265 1.942.539a5.8 5.8 0 0 1 1.215.86a1 1 0 1 1-1.375 1.452a4 4 0 0 0-.781-.547c-.365-.195-.716-.304-1-.304c-.795 0-1.27.624-1.282 1.001c-.008.233.068.43.337.653c.307.255.831.507 1.619.726c1.116.31 1.996.904 2.451 1.767c.466.884.392 1.869-.05 2.72a3.08 3.08 0 0 1-2.37 1.644c-1.128.142-2.394-.279-3.726-1.316a1 1 0 0 1 1.23-1.578c1.074.837 1.82.964 2.246.91c.414-.052.695-.292.845-.582c.19-.368.168-.653.056-.865c-.122-.232-.45-.56-1.217-.773c-.9-.25-1.74-.596-2.364-1.116c-.663-.552-1.087-1.309-1.056-2.256"/><path d="M6 1a5 5 0 0 0-5 5v20a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5V6a5 5 0 0 0-5-5zM3 6a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M12.406 14.188a3.594 3.594 0 1 1 7.188 0v3.624a3.594 3.594 0 0 1-7.188 0zM16 12.594c-.88 0-1.594.713-1.594 1.594v3.624a1.594 1.594 0 1 0 3.188 0v-3.625c0-.88-.714-1.593-1.594-1.593M4.735 13.662c.051-1.559 1.513-2.935 3.28-2.935c.742 0 1.427.265 1.941.539c.522.278.956.613 1.216.86a1 1 0 1 1-1.375 1.452a4 4 0 0 0-.782-.547c-.365-.195-.716-.304-1-.304c-.795 0-1.269.624-1.281 1.001c-.008.233.068.43.336.653c.308.255.832.507 1.62.726c1.116.31 1.995.904 2.45 1.767c.467.884.392 1.869-.05 2.72a3.08 3.08 0 0 1-2.37 1.644c-1.127.142-2.394-.279-3.725-1.316a1 1 0 1 1 1.229-1.578c1.074.837 1.82.964 2.247.91c.414-.052.694-.292.845-.582c.19-.368.168-.653.056-.865c-.123-.232-.45-.56-1.218-.773c-.9-.25-1.739-.596-2.363-1.116c-.663-.552-1.088-1.309-1.056-2.256m15.906 0c.052-1.559 1.514-2.935 3.28-2.935c.742 0 1.428.265 1.942.539a5.8 5.8 0 0 1 1.215.86a1 1 0 1 1-1.375 1.452a4 4 0 0 0-.781-.547c-.365-.195-.716-.304-1-.304c-.795 0-1.27.624-1.282 1.001c-.008.233.068.43.337.653c.307.255.831.507 1.619.726c1.116.31 1.996.904 2.451 1.767c.466.884.392 1.869-.05 2.72a3.08 3.08 0 0 1-2.37 1.644c-1.128.142-2.394-.279-3.726-1.316a1 1 0 0 1 1.23-1.578c1.074.837 1.82.964 2.246.91c.414-.052.695-.292.845-.582c.19-.368.168-.653.056-.865c-.122-.232-.45-.56-1.217-.773c-.9-.25-1.74-.596-2.364-1.116c-.663-.552-1.087-1.309-1.056-2.256"/><path d="M6 1a5 5 0 0 0-5 5v20a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5V6a5 5 0 0 0-5-5zM3 6a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.406%2014.188a3.594%203.594%200%201%201%207.188%200v3.624a3.594%203.594%200%200%201-7.188%200zM16%2012.594c-.88%200-1.594.713-1.594%201.594v3.624a1.594%201.594%200%201%200%203.188%200v-3.625c0-.88-.714-1.593-1.594-1.593M4.735%2013.662c.051-1.559%201.513-2.935%203.28-2.935c.742%200%201.427.265%201.941.539c.522.278.956.613%201.216.86a1%201%200%201%201-1.375%201.452a4%204%200%200%200-.782-.547c-.365-.195-.716-.304-1-.304c-.795%200-1.269.624-1.281%201.001c-.008.233.068.43.336.653c.308.255.832.507%201.62.726c1.116.31%201.995.904%202.45%201.767c.467.884.392%201.869-.05%202.72a3.08%203.08%200%200%201-2.37%201.644c-1.127.142-2.394-.279-3.725-1.316a1%201%200%201%201%201.229-1.578c1.074.837%201.82.964%202.247.91c.414-.052.694-.292.845-.582c.19-.368.168-.653.056-.865c-.123-.232-.45-.56-1.218-.773c-.9-.25-1.739-.596-2.363-1.116c-.663-.552-1.088-1.309-1.056-2.256m15.906%200c.052-1.559%201.514-2.935%203.28-2.935c.742%200%201.428.265%201.942.539a5.8%205.8%200%200%201%201.215.86a1%201%200%201%201-1.375%201.452a4%204%200%200%200-.781-.547c-.365-.195-.716-.304-1-.304c-.795%200-1.27.624-1.282%201.001c-.008.233.068.43.337.653c.307.255.831.507%201.619.726c1.116.31%201.996.904%202.451%201.767c.466.884.392%201.869-.05%202.72a3.08%203.08%200%200%201-2.37%201.644c-1.128.142-2.394-.279-3.726-1.316a1%201%200%200%201%201.23-1.578c1.074.837%201.82.964%202.246.91c.414-.052.695-.292.845-.582c.19-.368.168-.653.056-.865c-.122-.232-.45-.56-1.217-.773c-.9-.25-1.74-.596-2.364-1.116c-.663-.552-1.087-1.309-1.056-2.256%22%2F%3E%3Cpath%20d%3D%22M6%201a5%205%200%200%200-5%205v20a5%205%200%200%200%205%205h20a5%205%200%200%200%205-5V6a5%205%200%200%200-5-5zM3%206a3%203%200%200%201%203-3h20a3%203%200%200%201%203%203v20a3%203%200%200%201-3%203H6a3%203%200%200%201-3-3z%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.406%2014.188a3.594%203.594%200%201%201%207.188%200v3.624a3.594%203.594%200%200%201-7.188%200zM16%2012.594c-.88%200-1.594.713-1.594%201.594v3.624a1.594%201.594%200%201%200%203.188%200v-3.625c0-.88-.714-1.593-1.594-1.593M4.735%2013.662c.051-1.559%201.513-2.935%203.28-2.935c.742%200%201.427.265%201.941.539c.522.278.956.613%201.216.86a1%201%200%201%201-1.375%201.452a4%204%200%200%200-.782-.547c-.365-.195-.716-.304-1-.304c-.795%200-1.269.624-1.281%201.001c-.008.233.068.43.336.653c.308.255.832.507%201.62.726c1.116.31%201.995.904%202.45%201.767c.467.884.392%201.869-.05%202.72a3.08%203.08%200%200%201-2.37%201.644c-1.127.142-2.394-.279-3.725-1.316a1%201%200%201%201%201.229-1.578c1.074.837%201.82.964%202.247.91c.414-.052.694-.292.845-.582c.19-.368.168-.653.056-.865c-.123-.232-.45-.56-1.218-.773c-.9-.25-1.739-.596-2.363-1.116c-.663-.552-1.088-1.309-1.056-2.256m15.906%200c.052-1.559%201.514-2.935%203.28-2.935c.742%200%201.428.265%201.942.539a5.8%205.8%200%200%201%201.215.86a1%201%200%201%201-1.375%201.452a4%204%200%200%200-.781-.547c-.365-.195-.716-.304-1-.304c-.795%200-1.27.624-1.282%201.001c-.008.233.068.43.337.653c.307.255.831.507%201.619.726c1.116.31%201.996.904%202.451%201.767c.466.884.392%201.869-.05%202.72a3.08%203.08%200%200%201-2.37%201.644c-1.128.142-2.394-.279-3.726-1.316a1%201%200%200%201%201.23-1.578c1.074.837%201.82.964%202.246.91c.414-.052.695-.292.845-.582c.19-.368.168-.653.056-.865c-.122-.232-.45-.56-1.217-.773c-.9-.25-1.74-.596-2.364-1.116c-.663-.552-1.087-1.309-1.056-2.256%22%2F%3E%3Cpath%20d%3D%22M6%201a5%205%200%200%200-5%205v20a5%205%200%200%200%205%205h20a5%205%200%200%200%205-5V6a5%205%200%200%200-5-5zM3%206a3%203%200%200%201%203-3h20a3%203%200%200%201%203%203v20a3%203%200%200%201-3%203H6a3%203%200%200%201-3-3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/sos-button.svg?color=%231a73e8&size=48
