Icône Sos Button
noto-v1:sos-button
L'icône Sos Button (noto-v1:sos-button) est une icône SVG gratuite de la collection Noto Emoji (v1) par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Noto Emoji (v1)
- Auteur
- Google Inc
- Licence
- Apache-2.0
- Taille
- 128 × 128
- Catégorie
- Symboles
- Mots-clés
- sosbutton
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#db4437" d="M121.02.09h-114C3.24.09.14 3.18.14 6.97v114.01c0 3.78 3.09 6.88 6.88 6.88h114.01c3.78 0 6.88-3.1 6.88-6.88V6.97c0-3.78-3.1-6.88-6.89-6.88"/><g fill="#fff"><path d="M64.8 18.08c-12.31 0-20.01 20.5-20.01 45.77c0 25.28 7.7 45.77 20.01 45.77s20.01-20.48 20.01-45.77c0-25.27-7.7-45.77-20.01-45.77m0 71.83c-4.85 0-7.88-11.67-7.88-26.06s3.03-26.06 7.88-26.06s7.88 11.67 7.88 26.06s-3.03 26.06-7.88 26.06"/><path d="M29.21 51.33c-.59-.61-1.13-1.16-1.59-1.65c-1.51-1.61-3.27-6.05-2.44-10.84c.71-4.13 2.65-5.52 5.65-4.28c2.68 1.11 4.74 3.38 5.89 4.64a.909.909 0 0 0 1.56-.43l2.73-13.67c.05-.24 0-.49-.14-.69c-1.69-2.49-6.47-7.21-12.45-7.21c-.82 0-1.63.1-2.42.28c-4.36 1-8.71 3.52-11.04 15.15c-1.42 7.06-1.42 15-.01 20.71c1.54 6.35 4.1 9.24 7.36 12.9l.4.46c2.29 2.54 4.96 5.3 7.02 7.43c2.87 3.08 3.89 8.77 3.19 12.27c-1.01 5.04-2.84 5.04-3.44 5.04c-.82 0-1.85-.38-3.05-1.15c-3.34-2.01-6.48-7.82-7.37-9.56a.89.89 0 0 0-.89-.49c-.37.03-.68.29-.79.64l-4.22 14.39a.9.9 0 0 0 .05.63c2.18 4.68 3.96 7.4 7.06 10.8c2.16 2.38 5.36 3.79 8.53 3.79c3.26 0 11.21-1.62 14.58-16.61c2.08-9.23 1.29-19-2.15-26.83c-3.13-6.57-8.48-12.07-12.02-15.72m71.95 0c-.6-.61-1.13-1.17-1.59-1.65c-1.51-1.61-3.27-6.05-2.45-10.84c.71-4.13 2.65-5.52 5.65-4.28c2.67 1.11 4.73 3.38 5.89 4.64c.23.25.59.35.91.26c.33-.09.58-.36.64-.69l2.73-13.67c.05-.24 0-.49-.14-.69c-1.69-2.49-6.47-7.21-12.45-7.21c-.82 0-1.63.1-2.42.28c-4.36 1-8.71 3.53-11.04 15.15c-1.42 7.06-1.42 15-.01 20.71c1.54 6.35 4.1 9.24 7.35 12.9l.41.46c2.29 2.54 4.96 5.3 7.02 7.43c2.87 3.08 3.89 8.77 3.19 12.27c-1.01 5.04-2.84 5.04-3.44 5.04c-.82 0-1.85-.38-3.05-1.15c-3.34-2.01-6.48-7.82-7.37-9.56a.89.89 0 0 0-.89-.49c-.37.03-.68.29-.78.64L85.1 95.27a.8.8 0 0 0 .05.63c2.18 4.68 3.96 7.4 7.06 10.8c2.17 2.38 5.36 3.79 8.54 3.79c3.26 0 11.21-1.62 14.58-16.61c2.07-9.23 1.29-19-2.16-26.83c-3.12-6.57-8.47-12.07-12.01-15.72"/></g></svg>Comment utiliser l'icône Sos Button
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:sos-button" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:sos-button" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:sos-button" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--sos-button]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:sos-button"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:sos-button"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/sos-button.svg" alt="Icône Sos Button" width="24" height="24">L'icône Sos Button dans d'autres collections
FAQ : Icône Sos Button
L'icône Sos Button est-elle gratuite pour un usage commercial ?
Oui. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Sos Button dans React ?
Installez @iconify/react et affichez <Icon icon="noto-v1:sos-button" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sos Button à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/noto-v1/sos-button.svg" alt="Icône Sos Button">, ou collez le code SVG directement dans la page pour le styliser en CSS.