Kite アイコン
fluent-emoji-high-contrast:kite
Kite アイコン(fluent-emoji-high-contrast:kite)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- アクティビティ
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16.539 5.669L4.937 1.113a1.54 1.54 0 0 0-1.398.124a1 1 0 0 0-.146.113a1.5 1.5 0 0 0-.57.995L1.018 14.547l-.003.028c-.031.26-.014.522.06.777q.022.124.078.244c.15.318.386.587.686.784l.007.005l14.458 9.355c.278.185.586.265.883.26c.306.539.721 1.185 1.243 1.804c1.233 1.465 3.17 2.902 5.707 2.177c2-.572 3.01-1.526 3.486-2.55c.187-.403.284-.804.333-1.17l1.241.66c.358.192.803-.05.803-.433v-1.996c0-.383-.445-.615-.803-.424l-1.208.653c-.045-.575-.222-1.177-.459-1.774c-.19-.48-.427-.973-.683-1.466a.6.6 0 0 1 .23-.014l1.394.129c.368.037.64-.323.485-.647l-.805-1.682c-.154-.323-.61-.36-.832-.073l-.814 1.09a.7.7 0 0 1-.209.177l-.317-.567c-.298-.534-.588-1.05-.84-1.542h.003l1.4-.07c.37-.016.583-.385.379-.66l-1.06-1.43c-.204-.275-.67-.25-.836.042l-.473.828l-.078-.22c-.32-.962.059-1.949.802-2.865c.737-.908 1.756-1.645 2.467-2.04a.5.5 0 1 0-.486-.874c-.79.439-1.92 1.252-2.758 2.284c-.832 1.026-1.453 2.373-.973 3.811q.081.243.185.498l-1.253.061c-.37.017-.583.386-.379.66l1.06 1.431c.204.275.67.25.836-.042l.404-.708c.24.456.5.92.757 1.377l.015.027l-.622-.058c-.368-.037-.64.323-.485.647l.805 1.682c.154.323.61.36.832.073l.428-.572c.186.371.353.733.492 1.082c.205.516.338.982.382 1.391l-1.18-.628c-.358-.192-.803.05-.803.433v1.996c0 .383.445.615.803.424l1.132-.612a3 3 0 0 1-.219.689c-.328.705-1.067 1.5-2.853 2.01c-1.964.561-3.526-.502-4.668-1.859a11 11 0 0 1-1.057-1.512c.38-.296.617-.772.576-1.308l-.983-17.042v-.002a1.93 1.93 0 0 0-.34-.98a1 1 0 0 0-.148-.168a1.8 1.8 0 0 0-.704-.48m.128 17.924L9.325 11.034L3.03 14.615L4.72 3.186l4.585 7.848l6.294-3.586l.14.056z"/></svg>
Kite アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:kite" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:kite" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:kite" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--kite]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:kite"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:kite"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/kite.svg" alt="Kite アイコン" width="24" height="24">
Kite アイコン のよくある質問
Kite アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kite アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:kite" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kite アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/kite.svg" alt="Kite アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
