Ao Oni アイコン

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

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

arcticons:ao-oni

Ao Oni アイコン(arcticons:ao-oni)は、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
タグ: aooni

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.076 6.849c2.248.025 4.708-2.532 7.395-2.338s3.807 1.035 5.071 3.966c1.265 2.931-.191 8.617-.484 12.498s-2.734 6.856-5.307 8.528s-4.461 1.542-6.505.079s-3.96-4.216-5.05-6.79s-1.566-5.424-1.897-8.115s-.946-4.941 1.037-6.77s3.492-1.084 5.74-1.059z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.776 27.146c-1.391 2.255-2.92 5.092-3.486 7.108s-.326 3.82 1.279 2.486s3.14-4.093 3.437-2.952s-.01 4.517-.074 6.893s2.373 3.744 3.295 1.964c.67-1.294.079-3.766 2.126-3.78c2.14-.015 1.515 2.302 1.89 3.703c.488 1.821 3.23.882 3.264-2.039c.025-2.131-.33-5.07-.265-6.562s1.06.145 2.995 2.241s2.243-.635 1.436-2.556c-1.205-2.87-2.108-4.716-4.017-6.767m-7.489-7.29c-.616 1.366-1.234 2.809-1.191 3.647s.859 1.35 1.43 1.645c.66.248 1.461.896 2.513.224c1.052-.673 1.978-1.846 1.574-3.37c-.236-.88-.732-2.008-1.103-3.009m-7.492 6.214a4.7 4.7 0 0 1 1.933-1.871m8.043-.436c.764.669 1.035 1.019 1.469 1.884"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.186 25.406c1.583 1.487 3.207 2.566 5.487 2.183c1.416-.206 2.736-1.146 3.573-2.225M16.32 15.386c2.678-1.555 7.497-1.15 7.978.647c0-1.885 5.256-4.234 8.057-2.617"/></svg>

Ao Oni アイコンの使い方

React

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

<Icon icon="arcticons:ao-oni" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:ao-oni" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:ao-oni" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:ao-oni"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/ao-oni.svg" alt="Ao Oni アイコン" width="24" height="24">

Arcticons の関連アイコン

Ao Oni アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →