Icône Beaver Habit Tracker Light

selfhst:beaver-habit-tracker-light

L'icône Beaver Habit Tracker Light (selfhst:beaver-habit-tracker-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: beaverhabit, habittracker, trackerlight, beaverhabittrackerlight

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M472.5 300.8c-6.2-10.6-19.8-14.1-30.3-7.9c-40.4 23.6-84.6 36.8-128.9 39.6c-.3-12-1.4-24.6-2.4-36.9c-1.1-13.3-2.8-32.7-1.8-40.7c3.4-2.4 8-4.3 13.1-6.5c14.4-6.2 36.3-15.6 44.9-44.8c0-.1.1-.3.1-.4c2.3-8.3 1.7-18 .3-24.4c-5.1-24.8-18.2-34.4-28.3-38.1c-18.2-6.6-36.5 2-49 10.2c-3.1-2.8-7-5.6-11.9-7.5c-32.9-12.8-53.5.9-61.8 17.9c-13.8 28.4 1.4 77.5 29.1 93.9c6 3.5 12.9 3.9 18.9 1.7c-.5 11.7.7 25.8 2.2 42.5c.9 10.9 1.9 22.1 2.2 32.4c-48.4-4.5-95.2-21.6-135.5-51c-9.9-7.2-23.8-5-31 4.8c-7.2 9.9-5 23.8 4.8 31c24.9 18.2 51.9 32.3 80.2 42.3c2.1 26.4 2.1 48.1 2.2 65.7c.1 34.2.1 56.8 16.2 72.6c13 12.9 31.6 14.8 46.7 14.8h25.4c3.9 0 7.7-1 11.1-3c.4-.2.7-.4 1.1-.7c3.9 2.6 8.6 3.8 13.3 3.6c16.4-.8 28.7-.7 38.6-.7c19.7.2 32.8.3 43.4-10.3c10.3-10.2 10.8-23.4 11.5-43.4l.1-3.2c.2-6.5-.1-17.3-.5-31c-.6-19.9-1.3-46.2-.3-62c23.4-7.5 46.2-17.6 68.1-30.4c10.8-6 14.4-19.6 8.2-30.1M257.9 199.4c-2.4-7.7-2.5-13.5-2-16.7c1.2.2 2.8.6 5.1 1.4c.6.6 1.4 1.6 2 2.3c4.3 5.1 12.4 14.7 26.5 14.7c8 0 12.8-3.8 16.7-6.9c8.8-6.9 13.9-9.8 16.8-10.9c.4 1 .8 2.5 1.2 4.4v.2c.2.9.3 2.8.2 3.7c-2.6 8.2-7.3 10.6-19.7 16c-8.6 3.7-19.4 8.3-28.7 17.2c-1.8-3.1-4.5-5.9-7.8-7.8c-1.9-1.2-7-7-10.3-17.6m-.7 268.2H254c-12.7.1-16.4-1.7-17-2c-2.9-4.3-3-24.7-3-41.2c0-14.8-.1-32.3-1.2-53.1c10.5 2.1 21.2 3.6 31.9 4.6c-1 7.8-2 17.4-3 28.6c-1.9 21.9-3.4 46.3-4.5 63.1m95.3-42.9c.3 11.9.7 23.1.5 28.2l-.1 3.1c-.1 3.7-.3 7.6-.5 10.8h-9.8c-5.5 0-12-.1-19.8 0c-.2-7.1-.5-15.2-.7-22.5c-.6-19.9-1.2-42.4-2.3-60.4c-.2-2.7-.4-5.3-.5-7.6c10.8-.8 21.7-2.1 32.4-4c-.3 16.4.3 35.7.8 52.4M201.6 91.5h-.5c-12.2-.2-22-10.4-21.7-22.6c.1-5.7.3-11.3.5-16.8c.3-8.1.6-15.8.6-23.6c0-12.2 9.9-22.2 22.2-22.2s22.2 9.9 22.2 22.2c0 8.6-.3 17.1-.6 25.3c-.2 5.3-.4 10.7-.5 16.1c-.3 12-10.1 21.6-22.2 21.6m171.1 3c-11.6 0-21.3-9-22.1-20.7c-.7-11.4 0-22.1.7-32.4c.5-6.7.9-13.1.9-19.3c0-12.2 9.9-22.2 22.2-22.2c12.2 0 22.2 9.9 22.2 22.2c0 7.7-.5 15.2-1 22.4c-.6 9.3-1.2 18-.7 26.5c.8 12.2-8.5 22.8-20.7 23.6c-.5-.1-1-.1-1.5-.1"/></svg>

Comment utiliser l'icône Beaver Habit Tracker Light

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:beaver-habit-tracker-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:beaver-habit-tracker-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:beaver-habit-tracker-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--beaver-habit-tracker-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:beaver-habit-tracker-light"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:beaver-habit-tracker-light"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/selfhst/beaver-habit-tracker-light.svg" alt="Icône Beaver Habit Tracker Light" width="24" height="24">

Icônes similaires dans selfh.st/icons

FAQ : Icône Beaver Habit Tracker Light

L'icône Beaver Habit Tracker 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 Beaver Habit Tracker Light dans React ?

Installez @iconify/react et affichez <Icon icon="selfhst:beaver-habit-tracker-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Beaver Habit Tracker Light à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/beaver-habit-tracker-light.svg" alt="Icône Beaver Habit Tracker Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les selfh.st/icons →