Icono Hatena
ls:hatena
El icono Hatena (ls:hatena) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 819 × 681. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Ligature Symbols
- Autor
- Kazuyuki Motoyama
- Licencia
- OFL-1.1
- Tamaño
- 819 × 681
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/ls/hatena.svg" alt="Icono Hatena" width="24" height="24">Iconos relacionados en Ligature Symbols
Preguntas frecuentes sobre Icono Hatena
¿El icono Hatena es gratis para uso comercial?
Sí. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Hatena en React?
Instala @iconify/react y renderiza <Icon icon="ls:hatena" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Hatena a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/hatena.svg" alt="Icono Hatena">, o pega el código SVG en línea para darle estilo con CSS.