Crutch アイコン
fluent-emoji-high-contrast:crutch
Crutch アイコン(fluent-emoji-high-contrast:crutch)は、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"><g fill="none"><g clip-path="url(#SVGkRCCwb7V)"><path fill="currentColor" d="M20.413 1.036A3.64 3.64 0 0 1 22.977 0a3.64 3.64 0 0 1 2.565 1.036l5.2 5.2a3.6 3.6 0 0 1-2.564 6.164q-.143 0-.294-.01l-6.122 5.955a8.12 8.12 0 0 1-5.4 2.605a6.3 6.3 0 0 0-2.112 1.417l-.009.008l-1.8 2.078l-.048.055l-.052.052a2.8 2.8 0 0 1-2.014.886h-.109l-1.965 1.965a2.76 2.76 0 0 1-.812 1.951l-1.7 1.7a2.784 2.784 0 0 1-3.928 0l-1-1a2.78 2.78 0 0 1 0-3.928l1.7-1.7a2.75 2.75 0 0 1 1.741-.8l2.148-2.146a3.07 3.07 0 0 1 .625-1.738l.071-.094l2.081-2.185l.079-.084l.089-.074a5.9 5.9 0 0 0 1.38-1.963a7.87 7.87 0 0 1 2.71-5.438l5.956-5.957a3.66 3.66 0 0 1 1.02-2.919m6.887 9.129q-.15-.09-.275-.215l-.949-.949l-6.849 6.85a4.8 4.8 0 0 1-2.8 1.5a6.2 6.2 0 0 0-3.5 1.5a6.2 6.2 0 0 0 1.5-3.4a4.56 4.56 0 0 1 1.481-2.782l6.918-6.918l-1.001-1.001a1.4 1.4 0 0 1-.177-.217L14.83 11.35l-.036.033a5.97 5.97 0 0 0-2.064 3.967c0 1.2-1.5 3-2.1 3.5l-2 2.1a.92.92 0 0 0-.029 1.17L4.94 25.776l1.066 1.054l3.65-3.65l.07.07c.182.111.387.18.6.2a.87.87 0 0 0 .6-.3l1.9-2.2l.13-.109c.687-.579 2.247-1.89 3.37-1.89a6.27 6.27 0 0 0 4-2zM17.302 14.1c-.383.341-.678.77-.86 1.25c.506-.173.961-.47 1.323-.865l.023-.025l.025-.024l2.424-2.424l-.423-.424zm4.512-4.512l.423.424L23.25 9l-.422-.425z"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
Crutch アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:crutch" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:crutch" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:crutch" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--crutch]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:crutch"></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:crutch"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/crutch.svg" alt="Crutch アイコン" width="24" height="24">
Crutch アイコン のよくある質問
Crutch アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Crutch アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:crutch" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Crutch アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/crutch.svg" alt="Crutch アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
