Jedi アイコン
fa-solid:jedi
Jedi アイコン(fa-solid:jedi)は、Font Awesome 5 Solid セットの無料 SVG アイコンです（作者: Dave Gandy）。 576 × 512 のグリッドで描かれています。 Font Awesome 5 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 5 Solid
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 576 × 512
- カテゴリ
- SF、宗教
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="576" height="512" viewBox="0 0 576 512"><path fill="currentColor" d="M535.953 352c-42.64 94.172-137.64 160-247.985 160q-6.398 0-12.843-.297C171.155 506.938 81.265 442.234 40.015 352h39.922l-58.61-58.594a265 265 0 0 1-5.11-39.422a274 274 0 0 1 .5-29.984h47.22l-41.391-41.375A269.8 269.8 0 0 1 130.515 20.547a16.06 16.06 0 0 1 9.281-3a16.36 16.36 0 0 1 13.5 7.25a16.03 16.03 0 0 1 1.625 15.094a138.4 138.4 0 0 0-9.844 51.265c0 45.11 21.047 86.578 57.72 113.735a16.3 16.3 0 0 1 1.202 25.39c-26.547 23.985-41.172 56.5-41.172 91.578c0 60.032 42.954 110.282 99.891 121.922l2.5-65.265L238.062 397a8.34 8.34 0 0 1-10-.75a8.025 8.025 0 0 1-1.39-9.937l20.124-33.766l-42.062-8.735a7.99 7.99 0 0 1 0-15.656l42.062-8.719l-20.109-33.734a7.991 7.991 0 0 1 11.36-10.719l30.39 20.657L279.953 7.67a7.97 7.97 0 0 1 8-7.671H288a8.02 8.02 0 0 1 7.953 7.703l11.53 287.922l30.392-20.672a8.08 8.08 0 0 1 10 .813a8 8 0 0 1 1.39 9.906l-20.14 33.765l42.078 8.735a7.994 7.994 0 0 1 0 15.656l-42.078 8.719l20.109 33.734a7.98 7.98 0 0 1-1.328 9.922a8.26 8.26 0 0 1-10.031.797l-27.172-18.469l2.5 65.344c48.484-9.406 87.578-48.156 97.312-96.5a123.53 123.53 0 0 0-38.562-117.078a16.306 16.306 0 0 1 1.203-25.422c36.656-27.172 57.688-68.61 57.688-113.734a138 138 0 0 0-9.86-51.313a15.98 15.98 0 0 1 1.61-15.094a16.37 16.37 0 0 1 13.5-7.234a16 16 0 0 1 9.25 2.984A271.27 271.27 0 0 1 553.25 182.766L512 224h46.953c.36 5.766 1.047 11.453 1.047 17.266a270 270 0 0 1-5.125 51.859L495.985 352Z"/></svg>Jedi アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:jedi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:jedi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:jedi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--jedi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:jedi"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:jedi"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-solid/jedi.svg" alt="Jedi アイコン" width="24" height="24">他のアイコンセットの Jedi アイコン
Jedi アイコン のよくある質問
Jedi アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Jedi アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-solid:jedi" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jedi アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-solid/jedi.svg" alt="Jedi アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。