Hatena icon
ls:hatena
The Hatena icon (ls:hatena) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 819 × 681 grid. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 819 × 681
SVG code
<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>How to use the Hatena icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/ls/hatena.svg" alt="Hatena icon" width="24" height="24">Related icons in Ligature Symbols
Hatena icon FAQ
Is the Hatena icon free for commercial use?
Yes. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Hatena icon in React?
Install @iconify/react and render <Icon icon="ls:hatena" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hatena icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/hatena.svg" alt="Hatena icon">, or paste the SVG code inline to style it with CSS.