Khanda アイコン
fluent-emoji-flat:khanda
Khanda アイコン(fluent-emoji-flat:khanda)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 記号
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#8d65c5" d="M30 26a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4z"/><path fill="#fff" fill-rule="evenodd" d="M16 4.5C16.5 6 18.5 7 18.5 7a5 5 0 0 0-.23.445a6.002 6.002 0 0 1 .036 11.096L18.5 19l-1.75 1.4v1.513c2.899-1.058 5.472-3.58 6.25-5.913c1.375-4.125-.491-5.991-1.493-6.993L21.5 9c1.5 1 3.5 2.5 3.5 5.5c0 3.623-1.62 5.625-2.774 7.05c-.279.346-.531.657-.726.95c-.392.588-.5 1.5-.5 1.5l-2.5-2l-1.503.751a3.54 3.54 0 0 1 1.906 1.264a.75.75 0 1 1-.746.276a2.8 2.8 0 0 0-1.407-.828V25.2c.304.182.5.473.5.8c0 .552-.56 1-1.25 1s-1.25-.448-1.25-1c0-.327.196-.618.5-.8v-1.737a2.8 2.8 0 0 0-1.407.828a.75.75 0 1 1-.746-.276a3.54 3.54 0 0 1 1.906-1.264L13.5 22L11 24s-.108-.912-.5-1.5a14 14 0 0 0-.726-.95C8.62 20.126 7 18.124 7 14.5c0-3 2-4.5 3.5-5.5l-.007.007C9.49 10.01 7.625 11.875 9 16c.778 2.333 3.351 4.855 6.25 5.913V20.4L13.5 19q.126-.189.258-.433a6.002 6.002 0 0 1 .002-11.135A3 3 0 0 0 13.5 7s2-1 2.5-2.5m-1.843 3.85a5.002 5.002 0 0 0 .015 9.305c.45-1.158.828-2.77.828-4.655c0-1.803-.415-3.495-.843-4.65m3.786 9.259a5.001 5.001 0 0 0-.047-9.237C17.45 9.618 17 11.392 17 13c0 1.665.481 3.346.943 4.608" clip-rule="evenodd"/></g></svg>
Khanda アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:khanda" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:khanda" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:khanda" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--khanda]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:khanda"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:khanda"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/khanda.svg" alt="Khanda アイコン" width="24" height="24">
Khanda アイコン のよくある質問
Khanda アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Khanda アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:khanda" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Khanda アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/khanda.svg" alt="Khanda アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
