Icône Hakubun
arcticons:hakubun
L'icône Hakubun (arcticons:hakubun) est une icône SVG gratuite de la collection Arcticons par Donnnno. Elle est dessinée sur une grille de 48 × 48. Les Arcticons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Arcticons
- Auteur
- Donnnno
- Licence
- CC-BY-SA-4.0
- Taille
- 48 × 48
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="21.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.813 30.813q.416-1.443 1.718-2.094c-3.7-4.075-11.897 1.627-14.437-6.938"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.375 30.75q-1.032.447-2.5 2.688l-4.562.093c-4.689-4.409-8.73-5.353-12.157-2.718"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.563 35.719c-.886.033-1.655-.236-2.125-1.281q-1.06-1.876-2.532-1.5c-1.488.308-1.946-1.216-2.75-2.125c-8.838-.352 4.753 16.416 14.032 6.625c8.888.541 9.915-8.8 7.625-9.25"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.188 28.375c3.629 1.767 11.482.404 7.125-9.156c-.557-1.266-.35-2.01-.25-2.844c.175-1.922-.99-3.894-3.782-3.156c-1.452.439-2.798.206-4-.938c-1.845-1.729-4.475-.76-4.968.72l-.688 1.843c-.24.867-.842 1.495-1.625 2q-2.091.099-3.687-.375c.385-1.372-1.705-4.44-3.844-1.469c-1.488-.735-2.248-.016-3.094.531c-1.964-.344-2.806.844-2.219 1.875q.344.604-.062 1.563c-.886 2.541 1.083 3.844 3.469 2.125c2.403-1.56 4.166-.477 5.562 1c4.282 3.96 6.875 2.548 8.438.719"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.781 19.594c-1 3.812 2.283 3.845 3.656 2.781m-4.948 2.003c-.993-3.87-1.952-4.38-2.862-.007"/><ellipse cx="25.748" cy="15.848" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2.689" ry="2.215"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.059 15.848c2.193-1.253 3.845-.81 5.378 0"/><ellipse cx="33.063" cy="18.392" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2.876" ry="2.426"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.577 17.172c2.243.238 3.796 1.138 5.042 2.331m-5.063-6.099c.728-4.943-5.089-9.19-5.193-1.981"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M35.061 13.595c.874-.79.14-5.637-4.995-3.6"/><circle cx="14.86" cy="17.297" r="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.243 17.5c-1.124 1.423.878 3.334 2.096 1.08m-7.413-3.35c.66 1.96-2.458 2.62-2.063-.05"/></svg>Comment utiliser l'icône Hakubun
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:hakubun" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:hakubun" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:hakubun" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--hakubun]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:hakubun"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:hakubun"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/arcticons/hakubun.svg" alt="Icône Hakubun" width="24" height="24">FAQ : Icône Hakubun
L'icône Hakubun est-elle gratuite pour un usage commercial ?
Oui. Les Arcticons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.
Comment utiliser l'icône Hakubun dans React ?
Installez @iconify/react et affichez <Icon icon="arcticons:hakubun" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Hakubun à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/arcticons/hakubun.svg" alt="Icône Hakubun">, ou collez le code SVG directement dans la page pour le styliser en CSS.