Иконка Heap
logos:heap
Иконка Heap (logos:heap) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 512 × 198. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 512 × 198
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="198" viewBox="0 0 512 198"><path d="M0 42.787h22.918v112.298H0zM49.668 0h22.918v85.56H49.668z"/><path fill="#31d891" d="M49.668 112.314h22.918v85.56H49.668zm49.645-69.527h22.918v112.298H99.313z"/><path d="M251.639 155.014v-49.87h-57.307v49.87h-15.516V42.764h15.516v47.973h57.307V42.763h15.524v112.251zm99.157-21.696c-4.274 13.458-16.47 24.063-34.186 24.063c-20.42 0-38.314-14.878-38.314-40.685c0-23.907 17.256-40.217 36.411-40.217c23.437 0 36.575 16.147 36.575 39.902a33 33 0 0 1-.315 4.748h-57.334c.316 13.613 10.135 23.132 22.955 23.132c12.348 0 18.524-6.806 21.373-15.36zm-15.053-24.222c-.316-10.924-7.437-19.47-20.891-19.47c-12.505 0-20.106 9.655-20.744 19.47zm46.006 2.379l20.58-3.005c4.596-.638 5.86-3.012 5.86-5.698c0-7.437-4.907-13.613-16.461-13.613c-10.45 0-16.31 6.491-17.265 15.36l-14.244-3.327c1.581-14.566 14.723-24.69 31.19-24.69c22.79 0 31.663 12.983 31.663 27.866v38.14a72 72 0 0 0 .946 12.504h-14.56a56 56 0 0 1-.794-10.294c-3.323 5.39-10.924 12.668-24.538 12.668c-15.516 0-25.494-10.765-25.494-22.79c0-13.621 9.978-21.222 23.117-23.121m26.44 10.924v-3.48l-23.276 3.48c-6.332.953-11.08 4.588-11.08 11.395c0 5.697 4.748 11.08 12.349 11.08c12.189.008 22.008-5.853 22.008-22.475m28.922 62.7V78.862h14.407v11.877c4.118-7.596 13.143-13.617 25.491-13.617c22.79 0 34.991 17.575 34.991 39.739c0 22.642-13.146 40.213-35.466 40.213c-11.718 0-20.58-5.538-24.689-12.352v40.377zm37.205-94.835c-13.614 0-22.638 11.395-22.638 26.589c0 15.673 9.024 26.916 22.638 26.916c13.777 0 22.483-11.243 22.483-26.916c0-15.194-8.546-26.589-22.483-26.589"/></svg>Как использовать иконку Heap
React
import { Icon } from "@iconify/react";
<Icon icon="logos:heap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:heap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:heap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--heap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:heap"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:heap"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/heap.svg" alt="Иконка Heap" width="24" height="24">Похожие иконки в наборе SVG Logos
Вопросы и ответы: Иконка Heap
Можно ли бесплатно использовать иконку Heap в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Heap в React?
Установите @iconify/react и выведите <Icon icon="logos:heap" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Heap на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/heap.svg" alt="Иконка Heap">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.