Icône Habitica Light
selfhst:habitica-light
L'icône Habitica Light (selfhst:habitica-light) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- selfh.st/icons
- Auteur
- selfh.st
- Licence
- CC-BY-4.0
- Taille
- 512 × 512
- Mots-clés
- habiticalight
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" fill-rule="evenodd" d="M451.4 484.4c-15.3-1.7-15.5-8.5-15.3-99.9c0 0-1.5-5.7 7.3-10.7s35.5-49.3 19.1-87.2s-4.6-36 2.3-32.1c6.9 3.8 10.2-1 6.1-21.8c-8.4-42.8-21.6-57.3-52.5-76.7c-20.3-12.7-13-35.7 16-34c14.1.8 14.1.8 15.9-10.2c2.8-17.4-2.8-47.2-24.4-51.4c-14.9-2.8-33.5 13.1-55.5 2s-58.5 16.7-73.5 23.1c-14.9 6.4-27.2 6.5-44.3 6.1c-17-.4 9 28.2 35.1 34.6c22.4 5.5 13.7 9.5 12.4 27.8c-1.4 20.5 4.4 29.3-5.1 31.4c-14.7 3.3-31.1-36.1-56.2-52.6C181.5 95.5 147.6 113.3 48 3.7c-17.3-19-10.3 39.8.4 71.1c28.4 83.8 83.5 94.9 109.4 97.4c21.7 2.1 36.5-2.9 36.5 5.5c0 6.1-25.6 8.8-35.5 8.9c-10.9 0-21.8-1.1-32.5-3.2c-19.8-3.7 10.5 46.7 29.9 62.7c32.8 27 70.3 37.1 100.5 40.2c8.7.9 21.1.7 21.1 7.6c0 6.5-6.5 8.1-14.2 8.1c-42.3.3-66.5 34.1-73.4 73.1c-4.4 24.8-1.1 52.8-.6 73.8l1.7 15c3.3 26.3-91.1 36.4-103.6-5.9c-13.7-46.2 60.9-70.7 62.3-114.8c.9-27.8-24.6-40.4-24.6-40.4V262H96.1v-29.2H66.8v-29.2H37.6v87.7h29.2v29.3H115c10.9 0 19.7 7.2 18.7 22.8c-2.5 38.6-84.5 62.2-62 123.7c16.3 44.4 86.5 45 156.8 45l131.1-.1c4.1 0 9.8-2 1.5-23.1c-6.8-17.1-30.1-5.1-49.8-5.1c-20.9 0-21.7-17.7-8.2-36.3c8.2-11.4 18.7-19.9 36.5-28.1c27.4-12.8 48.2 3.6 58.5 17.7c14.7 20.2 19.4 43.4 6.4 47c-15.7 4.4-20.5 5-21 19.9c-.4 10.7 4.7 7.8 29.4 7.8h81.9c12.7 0 11.7-9.8-1-26.7c-9.3-12.2-19.2 1.8-42.4-.7m-443-285h29.2v-29.2H8.4z"/></svg>Comment utiliser l'icône Habitica Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:habitica-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:habitica-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:habitica-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--habitica-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:habitica-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:habitica-light"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/selfhst/habitica-light.svg" alt="Icône Habitica Light" width="24" height="24">Icônes similaires dans selfh.st/icons
L'icône Habitica Light dans d'autres collections
FAQ : Icône Habitica Light
L'icône Habitica Light est-elle gratuite pour un usage commercial ?
Oui. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Habitica Light dans React ?
Installez @iconify/react et affichez <Icon icon="selfhst:habitica-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Habitica Light à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/habitica-light.svg" alt="Icône Habitica Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.