Ícone Sos Button

emojione-monotone:sos-button

O ícone Sos Button (emojione-monotone:sos-button) é um ícone SVG gratuito da coleção Emoji One (Monotone) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (Monotone) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Emoji One (Monotone)
Autor: Emoji One
Licença: CC-BY-4.0
Tamanho: 64 × 64
Categoria: Símbolos
Tags: sosbutton

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M32.552 23.131c-2.078 0-3.77 1.639-3.77 3.652v10.434c0 2.016 1.691 3.652 3.77 3.652s3.77-1.637 3.77-3.652V26.783c-.001-2.013-1.692-3.652-3.77-3.652"/><path fill="currentColor" d="M52 2H12C6.477 2 2 6.477 2 12v40c0 5.523 4.477 10 10 10h40c5.523 0 10-4.477 10-10V12c0-5.523-4.477-10-10-10M16.666 30.445c.916 0 1.813.188 2.665.557a7.1 7.1 0 0 1 2.175 1.473a6.9 6.9 0 0 1 1.484 2.141c.373.842.562 1.721.562 2.613c0 .914-.182 1.801-.543 2.637a6.7 6.7 0 0 1-1.477 2.15A6.95 6.95 0 0 1 16.66 44c-.93 0-2.05-.201-2.898-.557a6.9 6.9 0 0 1-2.19-1.449a6.8 6.8 0 0 1-1.477-2.152a6.6 6.6 0 0 1-.543-2.635h3.181c0 2.01 1.882 3.668 3.928 3.668s3.711-1.637 3.711-3.646c0-1.914-1.767-3.658-3.705-3.658c-1.739 0-3.53-.752-4.913-2.063c-1.397-1.326-2.201-3.053-2.201-4.736c0-.914.182-1.801.543-2.637a6.8 6.8 0 0 1 1.477-2.154a6.9 6.9 0 0 1 2.19-1.447c.847-.356 1.751-.534 2.68-.534s2.05.154 2.898.508a6.86 6.86 0 0 1 3.667 3.603c.361.834.543 1.721.543 2.635H20.37c0-2.01-1.882-3.621-3.928-3.621s-3.711 1.635-3.711 3.646c.001 1.784 2.025 3.674 3.935 3.674m22.886 6.772c0 .916-.186 1.805-.551 2.641a6.8 6.8 0 0 1-1.5 2.156a7 7 0 0 1-2.226 1.453c-.862.353-1.779.533-2.723.533s-1.861-.18-2.726-.533a7 7 0 0 1-2.224-1.453a6.7 6.7 0 0 1-1.5-2.156a6.6 6.6 0 0 1-.551-2.641V26.783c0-.914.186-1.803.551-2.641a6.7 6.7 0 0 1 1.5-2.156a7 7 0 0 1 2.224-1.453c.864-.353 1.781-.533 2.726-.533s1.861.18 2.724.533c.835.342 1.584.83 2.226 1.453s1.146 1.348 1.5 2.156c.365.838.551 1.727.551 2.641zm9.116-6.774c.913 0 1.81.189 2.665.559a7.13 7.13 0 0 1 3.66 3.614c.37.842.559 1.721.559 2.613c0 .914-.183 1.801-.543 2.637a6.7 6.7 0 0 1-1.475 2.152a6.9 6.9 0 0 1-2.19 1.449c-.852.353-1.755.533-2.685.533s-2.048-.203-2.899-.557a6.9 6.9 0 0 1-2.188-1.449a6.7 6.7 0 0 1-1.477-2.152a6.6 6.6 0 0 1-.543-2.637h3.182c0 2.012 1.88 3.67 3.926 3.67s3.712-1.637 3.712-3.646c0-1.914-1.765-3.658-3.703-3.658c-1.74 0-3.531-.752-4.915-2.063c-1.399-1.326-2.201-3.053-2.201-4.736a6.7 6.7 0 0 1 2.02-4.789a6.9 6.9 0 0 1 2.188-1.451c.85-.354 1.754-.532 2.683-.532s2.048.154 2.899.508c.82.342 1.558.83 2.19 1.451a6.7 6.7 0 0 1 1.475 2.152c.36.834.543 1.721.543 2.635H52.37c0-2.01-1.881-3.621-3.927-3.621s-3.711 1.635-3.711 3.646c.001 1.784 2.022 3.672 3.936 3.672"/></svg>

Como usar o ícone Sos Button

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:sos-button" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:sos-button" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:sos-button" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--sos-button]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:sos-button"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-monotone:sos-button"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/sos-button.svg" alt="Ícone Sos Button" width="24" height="24">

O ícone Sos Button em outras coleções

Perguntas frequentes sobre Ícone Sos Button

O ícone Sos Button é grátis para uso comercial?

Sim. Emoji One (Monotone) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Sos Button no React?

Instale @iconify/react e renderize <Icon icon="emojione-monotone:sos-button" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Sos Button a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-monotone/sos-button.svg" alt="Ícone Sos Button">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Emoji One (Monotone) →