ICONYZ
日本語
Fluent Emoji Flat の Crutch アイコン

Crutch アイコン

fluent-emoji-flat:crutch

Crutch アイコン(fluent-emoji-flat:crutch)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M11.855 19.92a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 1 1-1.06-1.06l7-7a.75.75 0 0 1 1.06 0"/><path fill="#7167a4" d="m22.525 13.75l-4.5-4.5l1.4-1.4l4.5 4.5z"/><path fill="#bebebe" d="M10.325 23.45c-.2 0-.4-.1-.6-.2l-1.1-1.1c-.3-.3-.3-.8 0-1.2l2-2.1c.6-.5 2.1-2.3 2.1-3.5c0-2.2 2-3.9 2.1-4l7.2-7.2l1.2 1.2l-7.3 7.3c-.1.1-1.5 1.4-1.5 2.8c0 1.2-.8 2.5-1.5 3.4c.9-.7 2.2-1.5 3.5-1.5c1.4 0 2.8-1.5 2.8-1.5l7.3-7.3l1.2 1.2l-7.4 7.2s-1.8 2-4 2c-1.2 0-2.9 1.5-3.5 2l-1.9 2.2q-.3.3-.6.3"/><path fill="#7167a4" d="m3.225 29.65l-1-1c-.3-.3-.3-.8 0-1.1l1.7-1.7c.3-.3.8-.3 1.1 0l1 1c.3.3.3.8 0 1.1l-1.7 1.7c-.3.3-.8.3-1.1 0m23.8-19.7l-5.2-5.2c-.6-.6-.6-1.7 0-2.3s1.7-.6 2.3 0l5.2 5.2c.6.6.6 1.7 0 2.3s-1.7.6-2.3 0"/></g></svg>

Crutch アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji-flat:crutch" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji-flat:crutch" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji-flat:crutch" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--crutch]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:crutch"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji-flat:crutch"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/crutch.svg" alt="Crutch アイコン" width="24" height="24">

他のアイコンセットの Crutch アイコン

Crutch アイコン のよくある質問

Crutch アイコンは商用利用でも無料ですか?

はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Crutch アイコンを使うには?

@iconify/react をインストールして <Icon icon="fluent-emoji-flat:crutch" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Crutch アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/crutch.svg" alt="Crutch アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent Emoji Flat アイコン をすべて見る →