Ufo 2 Line アイコン
mingcute:ufo-2-line
Ufo 2 Line アイコン(mingcute:ufo-2-line)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- ufoline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m20.712 12.397l-.966-.258zm-9.729 1.535l.26-.966zM3.325 7.739l-.966-.26zm4.55 8.246a1 1 0 1 0-1.75-.971l.875.485zm-2.251-.067a1 1 0 1 0 1.748.97l-.874-.485zm.25 3.668a1 1 0 1 0-1.748-.97L5 19.1zm-2.247-.072a1 1 0 0 0 1.748.97L4.501 20zm12.365-2.638a1 1 0 1 0-1.984.248L15 17zm-1.884 1.053a1 1 0 1 0 1.985-.248l-.992.124zm2.285 2.146a1 1 0 1 0-1.985.249l.993-.125zm-1.884 1.05a1 1 0 0 0 1.984-.25l-.992.125zM9.483 9.104L9.035 10zm7.338-1.11l-.993.118zm3.89 4.402l-.965-.258c-.059.219-.23.475-.641.726c-.418.255-1.03.469-1.827.594c-1.593.252-3.738.123-6.036-.493l-.259.966l-.258.966c2.503.67 4.936.841 6.864.537c.963-.152 1.848-.43 2.558-.863c.716-.438 1.304-1.068 1.53-1.916zm-9.728 1.535l.26-.966c-2.299-.616-4.221-1.577-5.475-2.59c-.628-.508-1.05-1-1.284-1.429c-.231-.423-.252-.73-.193-.95l-.966-.258l-.966-.26c-.227.849-.033 1.688.368 2.425c.398.73 1.026 1.414 1.784 2.027c1.518 1.227 3.71 2.296 6.214 2.967zM3.325 7.739l.966.258c.083-.308.41-.71 1.288-1.028c.857-.31 2.067-.467 3.514-.397l.048-.999l.048-.998c-1.614-.078-3.107.085-4.29.513c-1.162.42-2.213 1.174-2.54 2.392zm13.433-.125l-.457.89c1.287.663 2.257 1.403 2.844 2.1c.602.714.684 1.226.601 1.535l.966.258l.966.26c.326-1.219-.207-2.397-1.003-3.342c-.811-.962-2.023-1.85-3.459-2.59zm-3.22-3.35l-.258.966l.065.017l.259-.966l.259-.966l-.065-.017zm1.158 6.239l.059-.999a12.4 12.4 0 0 1-2.478-.402l-.258.966l-.26.966c1.07.287 2.05.418 2.878.467zm-2.677-.435l.258-.966a12.4 12.4 0 0 1-2.346-.89l-.448.894l-.448.894c.74.371 1.655.747 2.725 1.034zM7 15.5l-.874-.485l-.502.904l.874.485l.874.486l.502-.904zm-2 3.602l-.874-.486l-.5.899l.875.485l.874.486l.5-.899zM15 17l-.992.124l.1.805l.993-.124l.992-.125l-.1-.804zm.4 3.2l-.992.124l.1.8l.993-.124l.992-.124l-.1-.8zM8.898 5.87l-.801-.599c-1.1 1.47-.97 3.771.939 4.728l.448-.894l.448-.894c-.536-.269-.771-1.023-.234-1.742zm7.924 2.123l-.993.119c.106.891-.475 1.427-1.073 1.391l-.06.999l-.058.998c2.131.126 3.394-1.801 3.177-3.625zM13.605 4.28l-.259.966a3.38 3.38 0 0 1 2.483 2.866l.993-.119l.992-.118a5.38 5.38 0 0 0-3.95-4.56zm-.065-.017l.259-.966a5.38 5.38 0 0 0-5.702 1.974l.8.6l.801.598a3.38 3.38 0 0 1 3.583-1.24z"/></svg>Ufo 2 Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:ufo-2-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:ufo-2-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:ufo-2-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--ufo-2-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:ufo-2-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:ufo-2-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/ufo-2-line.svg" alt="Ufo 2 Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
Ufo 2 Line アイコン のよくある質問
Ufo 2 Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ufo 2 Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:ufo-2-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ufo 2 Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/ufo-2-line.svg" alt="Ufo 2 Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。