Icône Hackster
cib:hackster
L'icône Hackster (cib:hackster) est une icône SVG gratuite de la collection CoreUI Brands par creativeLabs Łukasz Holeczek. Elle est dessinée sur une grille de 32 × 32. Les CoreUI Brands icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- CoreUI Brands
- Auteur
- creativeLabs Łukasz Holeczek
- Licence
- CC0-1.0
- Taille
- 32 × 32
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M24.568 13.797a.64.64 0 0 1 .641.641v2.875c0 .427.344.776.771.776h5.682c.391 0 .474.568.089.672l-11.422 3.286a.62.62 0 0 1-.802-.599v-3a.28.28 0 0 0-.276-.281H6.725a.286.286 0 0 1-.281-.276v-3.375a.86.86 0 0 0-.844-.865l-5.333-.094c-.313-.016-.37-.453-.068-.542L11.881 9.64a.284.284 0 0 1 .349.266v3.255c0 .349.286.635.635.635zm-12.849-7.74c.406-.068.5.464.5.464s.031 1.266 0 1.786c-.036.516-.51.5-.51.5H7.074s-.422-.151-.479-.698c-.068-.542.583-.849.583-.849s4.135-1.135 4.536-1.203zm7.844-1.474s-.057-.615.63-.88c.682-.25 4.354-1.203 4.354-1.203s.688-.266.734.63c.042.891 0 8.234 0 8.234s.021.604-.63.651c-.646.047-4.297 0-4.297 0s-.792.068-.792-.557zm.104 19.11c.036-.521.51-.5.5-.51h4.635s.406.151.474.698c.073.542-.578.844-.578.844s-4.135 1.135-4.542 1.203c-.406.083-.49-.453-.49-.453s-.031-1.26 0-1.781zm-7.354 3.724s.068.615-.63.88c-.682.25-4.359 1.203-4.359 1.203s-.682.266-.729-.63c-.047-.891 0-8.234 0-8.234s-.021-.604.625-.651c.651-.047 4.302 0 4.302 0s.708-.068.792.557c.078.615 0 1.052 0 1.052z"/></svg>Comment utiliser l'icône Hackster
React
import { Icon } from "@iconify/react";
<Icon icon="cib:hackster" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:hackster" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:hackster" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--hackster]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:hackster"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:hackster"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/cib/hackster.svg" alt="Icône Hackster" width="24" height="24">L'icône Hackster dans d'autres collections
FAQ : Icône Hackster
L'icône Hackster est-elle gratuite pour un usage commercial ?
Oui. Les CoreUI Brands icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Hackster dans React ?
Installez @iconify/react et affichez <Icon icon="cib:hackster" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Hackster à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/cib/hackster.svg" alt="Icône Hackster">, ou collez le code SVG directement dans la page pour le styliser en CSS.