Kiro アイコン
logos:kiro
Kiro アイコン(logos:kiro)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 312 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 312
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="312" viewBox="0 0 256 312"><path fill="#fff" d="M49.375 241.177c-32.186 71.33 36.35 89.215 86.9 47.471c14.854 46.813 70.609 11.894 90.603-24.37c44.07-79.928 26.273-161.466 21.705-178.285c-31.328-114.698-187.91-114.812-214.86.585c-6.294 20.194-6.404 43.162-9.969 67.009c-1.797 12.025-3.064 19.7-7.717 32.348c-2.676 7.272-6.357 13.73-12.14 24.612c-8.982 16.904-5.192 49.53 41.103 32.61v.012z"/><path d="M142.393 135.634c-12.853 0-14.772-15.359-14.772-24.515c0-8.264 1.48-14.83 4.286-18.993c2.467-3.663 5.996-5.52 10.486-5.52s8.342 1.887 11.06 5.61c3.095 4.243 4.73 10.778 4.73 18.903c0 15.352-5.902 24.515-15.788 24.515zm52.875 0c-12.854 0-14.774-15.359-14.774-24.515c0-8.264 1.482-14.83 4.287-18.993c2.467-3.663 5.996-5.52 10.487-5.52s8.34 1.887 11.058 5.61c3.096 4.243 4.733 10.778 4.733 18.903c0 15.352-5.903 24.515-15.79 24.515z"/></svg>Kiro アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:kiro" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:kiro" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:kiro" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--kiro]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:kiro"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:kiro"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/kiro.svg" alt="Kiro アイコン" width="24" height="24">他のアイコンセットの Kiro アイコン
Kiro アイコン のよくある質問
Kiro アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kiro アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:kiro" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kiro アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/kiro.svg" alt="Kiro アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。