Kirby アイコン
logos:kirby
Kirby アイコン(logos:kirby)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 178 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 512 × 178
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="178" viewBox="0 0 512 178"><path d="m76.172 0l76.172 44.425v88.885l-76.172 44.425L0 133.31V44.425zm0 9.987L8.464 49.482v78.77l67.708 39.492l67.709-39.491v-78.77zM470.765 68.61l9.903 35.327l10.427-35.327H512l-25.539 73.142l-1.1 2.666q-5.445 12.157-19.225 12.158a30.5 30.5 0 0 1-8.053-1.16V141.46h2.547q4.114.001 6.285-1.185c1.447-.791 2.522-2.213 3.216-4.257l1.565-4.168l-21.776-63.24zm-61.614-26.292v31.328c3.626-4.13 8.32-6.196 14.07-6.196c7.8 0 13.821 2.802 18.07 8.396q6.368 8.397 6.369 23.63v.982h.004c0 10.271-2.128 18.168-6.373 23.69q-6.373 8.277-17.951 8.277q-9.561.001-15.404-7.583l-.812 6.428h-17.49V42.318zm-151.845 4.634v37.176l7.067-10.71l18.184-26.466h25.136l-28.496 37.294l28.496 47.024h-24.091L265.65 99.883h-.005l-8.336 9.15v22.237h-20.33V46.952zm75.228 21.658v62.66h-19.576V68.61zm44.823-1.16q3.125.001 5.442.695l-.347 18.128l-6.428-.465q-9.205 0-11.815 5.793v39.67h-19.513V68.61h18.298l.635 8.049c3.284-6.136 7.859-9.209 13.728-9.209m-267.33.259v21.159l-21.16 10.96v1.735h21.16v16.927h-67.71v-16.927h21.16v-1.85l-21.16-10.845v-21.16l33.855 18.185zM418.3 82.507c-4.401 0-7.448 1.68-9.15 5.036v24.904q2.49 4.981 9.268 4.98q6.888 0 8.743-6.715c.618-2.2.927-6.026.927-11.468c0-6.022-.804-10.317-2.404-12.886c-1.604-2.564-4.062-3.85-7.384-3.85m-95.626-40.19c5.843 0 10.58 4.737 10.58 10.58s-4.737 10.58-10.58 10.58s-10.58-4.737-10.58-10.58s4.737-10.58 10.58-10.58"/></svg>Kirby アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:kirby" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:kirby" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:kirby" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--kirby]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:kirby"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:kirby"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/kirby.svg" alt="Kirby アイコン" width="24" height="24">SVG Logos の関連アイコン
他のアイコンセットの Kirby アイコン
Kirby アイコン のよくある質問
Kirby アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kirby アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:kirby" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kirby アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/kirby.svg" alt="Kirby アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。