Heap アイコン
logos:heap
Heap アイコン(logos:heap)は、SVG Logos セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Heap アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:heap" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Heap アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/heap.svg" alt="Heap アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。