Parachute アイコン
fluent-mdl2:parachute
Parachute アイコン(fluent-mdl2:parachute)は、Fluent UI MDL2 セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 2048 × 2048 のグリッドで描かれています。 Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI MDL2
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 2048 × 2048
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1920 832q0 29-10 53t-28 46t-39 38t-45 30q-11 7-20 9t-20 13l-478 478v453q0 40-28 68t-68 28H736q-40 0-68-28t-28-68v-453l-478-478q-10-10-19-12t-21-10q-23-13-45-30t-39-38t-27-45t-11-54q0-127 38-238t106-203t160-165t198-123t223-76T960 0q117 0 234 26t223 77t199 122t159 165t106 204t39 238M960 128q-99 0-199 22t-193 64t-173 102t-139 139t-94 173t-34 204q0 8 5 15t12 14t15 12t13 8q46 29 107 51t132 38t144 26t147 16t138 9t119 3q52 0 118-2t138-9t147-17t145-26t131-38t108-51q5-3 12-8t15-12t13-14t5-15q0-109-34-203t-93-173t-140-139t-172-103t-193-64t-200-22m-64 1023q-118-2-236-13t-234-35l305 305h165zm256 385H768v384h384zm342-433q-116 23-234 34t-236 14v257h165z"/></svg>
Parachute アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:parachute" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:parachute" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:parachute" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--parachute]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:parachute"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:parachute"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/parachute.svg" alt="Parachute アイコン" width="24" height="24">
他のアイコンセットの Parachute アイコン
Parachute アイコン のよくある質問
Parachute アイコンは商用利用でも無料ですか?
はい。Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Parachute アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-mdl2:parachute" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Parachute アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/parachute.svg" alt="Parachute アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI MDL2 アイコン をすべて見る →
ICONYZ
