Icône Hatena
ls:hatena
L'icône Hatena (ls:hatena) est une icône SVG gratuite de la collection Ligature Symbols par Kazuyuki Motoyama. Elle est dessinée sur une grille de 819 × 681. Les Ligature Symbols icons sont publiées sous la Open Font License, 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
- Ligature Symbols
- Auteur
- Kazuyuki Motoyama
- Licence
- OFL-1.1
- Taille
- 819 × 681
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="819" height="681" viewBox="0 0 819 681"><path fill="currentColor" d="M397 46c-17 6-91 33-94 34c-2-1-76-28-93-34c17-6 91-32 93-33c3 1 77 27 94 33m212 0c-17 6-91 33-93 34c-3-1-77-28-94-34c17-6 91-32 94-33c2 1 76 27 93 33m-314 81c-17 6-92 31-94 32c-2-1-76-26-93-32c17-6 91-32 93-33c2 1 77 27 94 33m115 32c-2-1-77-26-94-32c17-6 92-32 94-33c3 1 77 27 94 33c-17 6-91 31-94 32m208 0c-2-1-77-26-94-32c17-6 92-32 94-33c2 1 77 27 94 33c-17 6-92 31-94 32m-208-58l-48 16s-14 6-26 10c13 5 71 24 74 26c4-2 60-21 74-26c-15-5-70-25-74-26M93 175c3 0 77 27 94 33c-17 6-91 31-94 32c-2-1-76-26-93-32c17-6 91-33 93-33m211 0c3 0 77 27 94 33c-17 6-91 31-94 32c-2-1-76-26-93-32c17-6 91-33 93-33m213 0c2 0 77 27 94 33c-17 6-92 31-94 32c-2-1-76-26-93-32c17-6 91-33 93-33m209 0c2 0 76 27 93 33c-17 6-91 31-93 32c-3-1-77-26-94-32c17-6 91-33 94-33M19 208s70 24 74 25c4-1 52-17 75-25c-23-8-71-25-75-27c-4 2-73 27-73 27zm211 0c23 8 71 24 74 25c4-1 52-17 75-25c-23-8-71-25-75-27c-3 2-51 19-74 27m421 0c23 8 71 24 75 25c4-1 72-24 74-25c-2-1-70-25-74-27c-4 2-52 19-75 27m-548 82c17-6 92-31 95-32c2 1 76 26 93 32c-17 6-91 32-93 33c-3-1-78-27-95-33m398 0c-17 6-92 32-94 33c-2-1-77-27-94-33c17-6 92-31 94-32c2 1 77 26 94 32m27 0c17-6 92-31 94-32c3 1 77 26 94 32c-17 6-91 32-94 33c-2-1-77-27-94-33m-330 26c3-1 50-18 73-26c-23-8-70-24-73-25c-4 1-51 17-74 25c23 8 70 25 74 26m209-51c-3 1-51 17-74 25c23 8 71 25 74 26c3-1 50-18 73-26c-23-8-70-24-73-25m215 51c3-1 50-18 73-26c-23-8-70-24-73-25c-3 1-51 17-74 25c23 8 71 25 74 26m-306 81c17-6 92-33 94-33s76 27 93 33c-17 6-91 32-93 33c-2-1-77-27-94-33m51 110h-32v47h-18v26h18v101h32V580h18v-26h-18zm-326 2H7v172h34v-76h71v76h32V509h-32v64H41zm538 44h-31v128h31v-51c0-12 1-21 1-24c2-8 5-14 10-19q6-6 15-6c5 0 9 2 12 4s6 7 8 12c1 5 2 14 2 29v55h30v-82c0-14-3-26-10-33c-9-8-20-13-32-13c-6 0-12 2-17 4c-6 2-12 6-19 12zm-314 13v-12h32v127h-32v-14c-10 8-24 14-38 14c-35 0-63-29-63-64c0-36 28-63 63-63c14 0 28 4 38 12m229 76h27c-5 13-16 26-25 30s-20 9-32 9c-18 0-34-7-46-19c-12-11-18-27-18-45s6-33 18-45s27-18 45-18s34 6 46 18c12 11 17 28 17 48v5h-97c1 9 5 16 11 21s15 8 24 8c11 0 22-4 30-12m285-76v-12h33v127h-33v-14c-10 8-24 14-38 14c-35 0-63-29-63-64c0-36 28-63 63-63c14 0 28 4 38 12m-349 36h67c-2-6-7-13-13-17c-5-4-12-6-20-6s-16 2-23 7c-4 3-7 9-11 16m-203 50c19 0 35-16 35-35s-16-36-35-36s-34 17-34 36s15 35 34 35m514 0c19 0 35-16 35-35s-16-36-35-36s-34 17-34 36s15 35 34 35"/></svg>Comment utiliser l'icône Hatena
React
import { Icon } from "@iconify/react";
<Icon icon="ls:hatena" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:hatena" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:hatena" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--hatena]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:hatena"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:hatena"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/ls/hatena.svg" alt="Icône Hatena" width="24" height="24">Icônes similaires dans Ligature Symbols
FAQ : Icône Hatena
L'icône Hatena est-elle gratuite pour un usage commercial ?
Oui. Les Ligature Symbols icons sont publiées sous la Open Font License, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Hatena dans React ?
Installez @iconify/react et affichez <Icon icon="ls:hatena" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Hatena à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ls/hatena.svg" alt="Icône Hatena">, ou collez le code SVG directement dans la page pour le styliser en CSS.