Иконка Hackster
cib:hackster
Иконка Hackster (cib:hackster) — бесплатная SVG-иконка из набора CoreUI Brands от creativeLabs Łukasz Holeczek. Она нарисована на сетке 32 × 32. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- CoreUI Brands
- Автор
- creativeLabs Łukasz Holeczek
- Лицензия
- CC0-1.0
- Размер
- 32 × 32
Код 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>Как использовать иконку 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>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:hackster"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/cib/hackster.svg" alt="Иконка Hackster" width="24" height="24">Иконка Hackster в других наборах
Вопросы и ответы: Иконка Hackster
Можно ли бесплатно использовать иконку Hackster в коммерческих проектах?
Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Hackster в React?
Установите @iconify/react и выведите <Icon icon="cib:hackster" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Hackster на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/hackster.svg" alt="Иконка Hackster">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.