Icône Hoppscotch Dark
selfhst:hoppscotch-dark
L'icône Hoppscotch Dark (selfhst:hoppscotch-dark) 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
- hoppscotchdark
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M365.7 280.2c-22.1-15.8-52.3-33.2-91.8-50.7c-10.7-4.8-14.9-17.5-10.4-27.7s14.4-16.9 35.3-17.9c9.8 0 11.1-2.8 11.6-5.1c.6-3.6-4.4-7.3-9.6-9.6c-41-18.2-91.1-10.6-125.9 26c-34-7.6-69.9-8.6-75.9 4.9c-7.3 16.3 31.8 62.7 138.9 110.4c107 47.7 167.7 45.7 174.9 29.3c6.1-13.5-18.7-39.5-47.1-59.6m-175.1-34.4c-4.8 7.7-16.5 9.1-26.1 3.1s-13.5-17.1-8.7-24.8s16.5-9.1 26.1-3.1s13.5 17.1 8.7 24.8m80 42c-3.7 8.4-15.2 11.4-25.5 6.7c-10.4-4.6-15.8-15.1-12.1-23.5s15.2-11.4 25.5-6.7c10.4 4.7 15.8 15.2 12.1 23.5m86.4 25.9c-2.5 8.7-13.4 13.3-24.2 10.2c-10.9-3.1-17.7-12.7-15.2-21.5c2.5-8.7 13.4-13.3 24.2-10.2s17.7 12.7 15.2 21.5M397.7 0H114.3C51.2 0 0 51.2 0 114.3v283.3C0 460.8 51.2 512 114.3 512h283.3c63.1 0 114.3-51.2 114.3-114.3V114.3C512 51.2 460.8 0 397.7 0m40.6 351.2c-15 33.6-68.3 32.3-129 15.2c-29.2 16.2-65.5 18.9-98.2 4.3c-32.8-14.6-55-43.4-62.5-75.9c-53.2-33.7-90-72.4-75-106c13.4-30 56.2-30 92.5-23.7c40.4-34.7 97-43.2 146.1-21.4c49.1 21.9 80.6 69.6 81.9 122.8c28.8 22.8 57.5 54.7 44.2 84.7"/></svg>Comment utiliser l'icône Hoppscotch Dark
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:hoppscotch-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:hoppscotch-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:hoppscotch-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--hoppscotch-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:hoppscotch-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:hoppscotch-dark"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/selfhst/hoppscotch-dark.svg" alt="Icône Hoppscotch Dark" width="24" height="24">Icônes similaires dans selfh.st/icons
FAQ : Icône Hoppscotch Dark
L'icône Hoppscotch Dark 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 Hoppscotch Dark dans React ?
Installez @iconify/react et affichez <Icon icon="selfhst:hoppscotch-dark" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Hoppscotch Dark à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/hoppscotch-dark.svg" alt="Icône Hoppscotch Dark">, ou collez le code SVG directement dans la page pour le styliser en CSS.