Icône H3
simple-icons:h3
L'icône H3 (simple-icons:h3) est une icône SVG gratuite de la collection Simple Icons par Simple Icons Collaborators. Elle est dessinée sur une grille de 24 × 24. Les Simple Icons sont publiées sous la licence CC0 1.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
- Simple Icons
- Auteur
- Simple Icons Collaborators
- Licence
- CC0-1.0
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.236 6.105c-.099-.045-.256-.084-.373-.173c-.485-.375-.96-.768-1.442-1.148c-.172-.135-.195-.279-.089-.468c.31-.558.594-1.133.924-1.677a1 1 0 0 1 .503-.395a39 39 0 0 1 2.4-.712a.97.97 0 0 1 .63.084c.523.269 1.024.582 1.532.883c.265.157.291.233.182.522c-.216.566-.44 1.127-.647 1.697a.87.87 0 0 1-.609.557c-.88.26-1.76.512-2.641.765c-.101.026-.207.036-.37.065m-6.106 4.93c-.132-.084-.295-.144-.392-.259c-.424-.5-.828-1.017-1.245-1.524c-.139-.167-.123-.34-.026-.501c.464-.754.922-1.51 1.415-2.246c.113-.168.337-.298.537-.363c.817-.263 1.645-.494 2.472-.735c.258-.076.49-.048.708.143c.441.39.894.77 1.351 1.145c.192.155.228.328.127.542c-.373.783-.727 1.577-1.133 2.344a1.1 1.1 0 0 1-.575.497c-1.012.325-2.04.602-3.063.893c-.046.014-.098.012-.146.017zm14.928-9.188c.162.046.337.072.487.144q1.074.515 2.137 1.049c.268.133.41.282.33.644c-.137.614-.231 1.239-.328 1.861c-.048.307-.216.497-.496.579q-1.578.461-3.16.901c-.282.079-.552.009-.795-.152L13.17 5.496c-.197-.132-.265-.296-.18-.527c.228-.623.433-1.252.68-1.866a.7.7 0 0 1 .387-.375c.926-.297 1.863-.564 2.797-.838c.062-.019.13-.012.195-.017q.006-.013.009-.026M9.653 12.65c-.2-.11-.435-.185-.596-.337c-.609-.573-1.192-1.176-1.792-1.757c-.217-.212-.267-.438-.144-.71c.36-.79.7-1.59 1.088-2.366a.98.98 0 0 1 .523-.445c.943-.306 1.898-.573 2.85-.841a.86.86 0 0 1 .753.125l1.995 1.396c.313.219.37.384.266.757c-.232.828-.472 1.654-.7 2.482a.93.93 0 0 1-.677.681a366 366 0 0 1-3.236.915c-.094.026-.193.028-.29.041zM0 16.098c.09-.23.152-.45.258-.647c.49-.917.992-1.827 1.489-2.74c.184-.342.458-.57.832-.676q1.418-.402 2.837-.807c.357-.103.643-.027.905.258a67 67 0 0 0 1.673 1.735c.268.27.336.568.201.918c-.429 1.116-.855 2.231-1.288 3.343c-.166.426-.48.688-.923.807c-1.105.301-2.209.61-3.314.914c-.537.149-.756.063-1.05-.404c-.462-.734-.929-1.468-1.386-2.205c-.09-.15-.15-.318-.234-.496m23.986-6.187c-.057.95-.106 1.87-.166 2.785c-.036.533-.207.735-.727.879c-1.184.328-2.37.648-3.553.978c-.464.129-.874.04-1.244-.258c-.894-.718-1.786-1.44-2.684-2.155c-.33-.264-.455-.57-.337-.992c.23-.82.437-1.646.645-2.472c.086-.337.298-.54.62-.635c1.007-.292 2.016-.578 3.024-.867a1.3 1.3 0 0 1 1.043.128l2.866 1.671c.37.22.586.519.513.938M8.16 18.325c.092-.298.156-.534.238-.765c.347-.97.713-1.934 1.049-2.91c.17-.495.484-.783.99-.918c1.021-.268 2.034-.564 3.05-.853c.428-.122.797-.048 1.143.248c.858.735 1.725 1.46 2.596 2.184c.4.334.57.727.469 1.256c-.245 1.286-.46 2.58-.693 3.869c-.089.49-.38.807-.862.937c-1.343.361-2.687.724-4.034 1.075c-.487.126-.882-.045-1.195-.433q-.858-1.06-1.721-2.12c-.243-.299-.506-.585-.722-.901c-.142-.21-.216-.464-.308-.669"/></svg>Comment utiliser l'icône H3
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:h3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:h3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:h3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--h3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:h3"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:h3"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/h3.svg" alt="Icône H3" width="24" height="24">L'icône H3 dans d'autres collections
FAQ : Icône H3
L'icône H3 est-elle gratuite pour un usage commercial ?
Oui. Les Simple Icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône H3 dans React ?
Installez @iconify/react et affichez <Icon icon="simple-icons:h3" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône H3 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/simple-icons/h3.svg" alt="Icône H3">, ou collez le code SVG directement dans la page pour le styliser en CSS.