Ufo2 アイコン
reicon:ufo2
Ufo2 アイコン(reicon:ufo2)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13 12a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m10 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill-rule="evenodd" d="M6.367 6.599a5.48 5.48 0 0 1 5.362-4.349h.542a5.48 5.48 0 0 1 5.362 4.349c1.358.368 2.54.874 3.421 1.499c.966.684 1.696 1.604 1.696 2.728c0 .837-.41 1.567-1.01 2.159c-.596.588-1.42 1.084-2.38 1.485c-1.922.801-4.524 1.28-7.36 1.28s-5.438-.479-7.36-1.28c-.96-.4-1.784-.897-2.38-1.485c-.6-.592-1.01-1.322-1.01-2.159c0-1.124.73-2.044 1.696-2.728c.882-.625 2.063-1.131 3.42-1.5m-.05 1.575c-1.042.318-1.892.714-2.504 1.148c-.788.557-1.063 1.084-1.063 1.504c0 .316.15.684.563 1.09c.415.41 1.054.814 1.905 1.17c1.698.708 4.095 1.164 6.782 1.164s5.084-.456 6.782-1.165c.85-.355 1.49-.758 1.905-1.168c.413-.407.563-.775.563-1.09c0-.421-.275-.948-1.062-1.505c-.613-.434-1.463-.83-2.506-1.148c-.07.221-.206.45-.453.622c-.602.418-1.983.954-5.229.954s-4.627-.536-5.229-.954a1.18 1.18 0 0 1-.453-.622m1.434-.535c.387.206 1.503.611 4.249.611s3.862-.405 4.249-.611a3.98 3.98 0 0 0-3.978-3.889h-.542a3.98 3.98 0 0 0-3.979 3.89M6 16.25a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 .75-.75m12 0a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 .75-.75m-6 1a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 .75-.75" clip-rule="evenodd"/></g></svg>Ufo2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:ufo2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:ufo2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:ufo2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--ufo2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:ufo2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:ufo2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/ufo2.svg" alt="Ufo2 アイコン" width="24" height="24">Reicon の関連アイコン
Ufo2 アイコン のよくある質問
Ufo2 アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ufo2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:ufo2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ufo2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/ufo2.svg" alt="Ufo2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。