Uno アイコン

Q: Uno アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:uno

Uno アイコン(arcticons:uno)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="40.243" cy="23.182" r=".75" fill="currentColor" transform="rotate(-88.993 40.243 23.182)"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m35.032 11.801l3.876 8.464M22.004 31.136l-4.422-9.658l10.82 6.729l-4.422-9.658M8.39 25.687l2.958 6.459a3.519 3.519 0 1 0 6.398-2.93l-2.957-6.459"/><rect width="7.037" height="10.622" x="28.582" y="15.361" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="3.519" ry="3.519" transform="rotate(-24.601 32.1 20.672)"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M42.692 15.468c1.228 2.643 1.229 5.63.22 8.586c-1.71 5.017-6.325 9.944-12.771 12.94c-10.244 4.762-21.234 2.844-24.547-4.283c-1.084-2.332-1.211-4.933-.533-7.544c1.393-5.368 6.192-10.778 13.084-13.982c6.692-3.11 13.702-3.37 18.682-1.19c2.644 1.157 4.717 3.002 5.865 5.473"/></svg>

Uno アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="arcticons:uno" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="arcticons:uno" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="arcticons:uno" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--uno]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:uno"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="arcticons:uno"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/uno.svg" alt="Uno アイコン" width="24" height="24">

Arcticons の関連アイコン

他のアイコンセットの Uno アイコン

Uno アイコンのよくある質問

Uno アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Uno アイコンを使うには?

@iconify/react をインストールして <Icon icon="arcticons:uno" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Uno アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/uno.svg" alt="Uno アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Arcticons をすべて見る →