Icône Safe
hugeicons:safe
L'icône Safe (hugeicons:safe) est une icône SVG gratuite de la collection Huge Icons par Hugeicons. Elle est dessinée sur une grille de 24 × 24. Les Huge Icons sont publiées sous la licence MIT, 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
- Huge Icons
- Auteur
- Hugeicons
- Licence
- MIT
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m16 17l.21.21c.369.369.553.553.776.54c.223-.012.386-.215.712-.623L19 15.5m-6-.046v.386c0 1.202 0 1.803.148 2.353a4.36 4.36 0 0 0 1.014 1.827c.39.422.906.75 1.937 1.407c.461.294.692.441.938.51c.303.084.624.084.927 0c.245-.069.476-.216.937-.51c1.031-.657 1.547-.985 1.937-1.407a4.36 4.36 0 0 0 1.014-1.827c.148-.55.148-1.15.148-2.353v-.386c0-.748 0-1.122-.142-1.438a1.7 1.7 0 0 0-.369-.52c-.253-.24-.612-.372-1.33-.635l-1.474-.54c-.586-.214-.879-.321-1.185-.321s-.599.107-1.185.322l-1.474.54c-.718.262-1.077.393-1.33.634a1.7 1.7 0 0 0-.37.52c-.141.316-.141.69-.141 1.438m3.171-7.544V9.5m0-1.59c0-.754.634-1.365 1.415-1.365c.78 0 1.414.611 1.414 1.364V9.5m-2.829-1.59V5.181c0-.753-.633-1.364-1.414-1.364s-1.415.61-1.415 1.364m0 0V9.5m0-4.318V3.364C13.342 2.61 12.71 2 11.928 2s-1.414.61-1.414 1.364V6.09m0 0c0-.753-.634-1.364-1.415-1.364c-.78 0-1.414.61-1.414 1.364v6.547c0 .416-.533.613-.823.305l-2.29-2.439a1.415 1.415 0 0 0-1.615-.382c-1.008.417-1.245 1.888-.59 2.736c1.122 1.452 2.27 3.433 3.198 5.18C6.825 20.41 9.31 22 12.072 22M10.514 6.09V9.5"/></svg>
Comment utiliser l'icône Safe
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:safe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:safe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:safe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--safe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:safe"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:safe"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/safe.svg" alt="Icône Safe" width="24" height="24">
Icônes similaires dans Huge Icons
L'icône Safe dans d'autres collections
FAQ : Icône Safe
L'icône Safe est-elle gratuite pour un usage commercial ?
Oui. Les Huge Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Safe dans React ?
Installez @iconify/react et affichez <Icon icon="hugeicons:safe" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Safe à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/hugeicons/safe.svg" alt="Icône Safe">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Huge Icons →
ICONYZ
