Jedi アイコン
la:jedi
Jedi アイコン(la:jedi)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- SF
- タグ
- jedi solid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M15.498 4a.365.365 0 0 0-.367.352l-.53 13.705l-1.398-.95a.365.365 0 0 0-.459.036a.37.37 0 0 0-.062.457l.923 1.55l-1.933.4a.37.37 0 0 0-.293.36a.37.37 0 0 0 .293.361l1.933.4l-.925 1.554a.37.37 0 0 0 .064.457a.38.38 0 0 0 .46.033l1.247-.85l-.113 3c-2.617-.535-4.592-2.844-4.592-5.603c0-1.612.673-3.107 1.893-4.21a.76.76 0 0 0 .252-.597a.76.76 0 0 0-.309-.568c-1.685-1.248-2.65-3.155-2.65-5.229c0-.807.15-1.6.45-2.355a.73.73 0 0 0-.071-.694a.75.75 0 0 0-.622-.332a.73.73 0 0 0-.425.137a12.4 12.4 0 0 0-4.963 7.45l1.902 1.902h-2.17a12 12 0 0 0-.023 1.377c.028.617.116 1.218.234 1.81l2.693 2.693H4.104c1.896 4.147 6.026 7.12 10.804 7.34q.297.014.59.014c5.071 0 9.438-3.026 11.397-7.354h-1.836l2.705-2.705A12.4 12.4 0 0 0 28 15.56c0-.267-.032-.53-.049-.795h-2.156l1.894-1.895a12.46 12.46 0 0 0-4.959-7.457a.73.73 0 0 0-.423-.137a.75.75 0 0 0-.621.332a.74.74 0 0 0-.075.694c.301.756.453 1.55.453 2.357c0 2.074-.965 3.98-2.65 5.229a.752.752 0 0 0-.057 1.168a5.68 5.68 0 0 1 1.774 5.38c-.448 2.223-2.245 4.002-4.473 4.434l-.113-3.002l1.248.85c.137.095.34.078.46-.037a.37.37 0 0 0 .061-.457l-.923-1.55l1.933-.402a.367.367 0 0 0 0-.718l-1.933-.403l.925-1.55a.367.367 0 0 0-.523-.493l-1.397.95l-.53-13.703A.366.366 0 0 0 15.497 4z"/></svg>Jedi アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:jedi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:jedi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:jedi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--jedi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:jedi"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:jedi"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/la/jedi.svg" alt="Jedi アイコン" width="24" height="24">Line Awesome の関連アイコン
他のアイコンセットの Jedi アイコン
Jedi アイコン のよくある質問
Jedi アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jedi アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:jedi" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jedi アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/jedi.svg" alt="Jedi アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。