Kfc アイコン
simple-icons:kfc
Kfc アイコン(simple-icons:kfc)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.893 8.23c-4.187.001-5.249 2.365-5.42 3.97c-.194 1.802 1.053 3.57 4.127 3.57c1.294 0 2.14-.225 2.44-.32a.22.22 0 0 0 .147-.166l.173-.91a.184.184 0 0 0-.236-.21c-.336.106-.93.252-1.685.252c-1.469 0-2.53-.882-2.395-2.4c.13-1.47 1.121-2.59 2.485-2.59c.82 0 1.183.43 1.156 1.003v.033a.184.184 0 0 0 .182.193h.557c.086 0 .16-.06.18-.143l.39-1.76a.215.215 0 0 0-.15-.255a7.2 7.2 0 0 0-1.95-.266zm-20.157.116a.2.2 0 0 0-.195.156l-.108.484a.2.2 0 0 0 .13.23l.033.01c.208.082.45.266.348.748l-.792 3.62c-.207.987-.542 1.19-.86 1.226h-.01a.2.2 0 0 0-.176.157l-.102.464a.192.192 0 0 0 .187.233h3.487c.085 0 .159-.06.177-.142l.12-.543a.184.184 0 0 0-.112-.21l-.022-.01c-.177-.07-.418-.224-.356-.51l.405-1.85c1.389 2.535 1.848 3.266 3.514 3.265H8.91a.18.18 0 0 0 .177-.142l.105-.47a.195.195 0 0 0-.186-.238c-.376-.006-.56-.093-.935-.575l-1.932-2.614l2.51-2.088c.337-.264.748-.338.976-.368l.022-.002a.185.185 0 0 0 .163-.144l.103-.464a.184.184 0 0 0-.18-.223h-3.02a.2.2 0 0 0-.193.155l-.102.46a.2.2 0 0 0 .138.235c.178.069.217.24.063.366L4.046 11.7l.44-2.014a.68.68 0 0 1 .477-.487l.025-.008a.2.2 0 0 0 .135-.147l.106-.477a.18.18 0 0 0-.177-.22zm8.88 0a.2.2 0 0 0-.194.156l-.107.483a.19.19 0 0 0 .122.221l.02.008c.204.077.487.274.364.758l-1.21 5.48a.182.182 0 0 0 .178.222h2.777c.086 0 .16-.06.179-.143l.12-.547a.174.174 0 0 0-.098-.196l-.027-.013c-.176-.086-.438-.285-.35-.67c.009-.05.27-1.24.27-1.24h2.362c.086 0 .16-.06.18-.143l.221-1a.183.183 0 0 0-.18-.224h-2.28l.427-1.94l1.592-.003c.515 0 .672.27.642.728l-.002.024a.184.184 0 0 0 .183.205h.587c.086 0 .16-.06.178-.144l.4-1.8a.184.184 0 0 0-.18-.222z"/></svg>Kfc アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:kfc" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:kfc" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:kfc" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--kfc]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:kfc"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:kfc"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/kfc.svg" alt="Kfc アイコン" width="24" height="24">他のアイコンセットの Kfc アイコン
Kfc アイコン のよくある質問
Kfc アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kfc アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:kfc" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kfc アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/kfc.svg" alt="Kfc アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。