Kong Icon アイコン
logos:kong-icon
Kong Icon アイコン(logos:kong-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 225 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 225
- タグ
- kongicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="225" viewBox="0 0 256 225"><path fill="#169fcc" d="m80.721 192.398l6.115-7.893h45.253l23.587 30.136l-4.193 10.225H93.126l1.398-10.225z"/><path fill="#14b59a" d="m94.559 89.641l21.851-37.749h25.462l114.129 132.566l-8.849 40.408h-48.938l3.07-11.343z"/><path fill="#1bc263" d="m121.082 44.72l10.462-19.348L162.932 0l53.782 42.164l-6.975 7.119l9.361 12.96v13.872l-26.799 21.903L147.33 44.72z"/><path fill="#16bdcc" d="M37.969 129.026h14.216l37.069-31.008l49.125 57.082l-13.856 20.789H79.177l-31.311 39.816l-7.198 9.161H0v-48.801z"/></svg>Kong Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:kong-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:kong-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:kong-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--kong-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:kong-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:kong-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/kong-icon.svg" alt="Kong Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Kong Icon アイコン のよくある質問
Kong Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kong Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:kong-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kong Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/kong-icon.svg" alt="Kong Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。