Ameli アイコン

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

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

arcticons:ameli

Ameli アイコン(arcticons:ameli)は、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"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.187 21.682c4.222-1.565 9.81-6.74 12.015-7.684c0 0 .214-.416-.335-1.024c-1.145.023-1.92-1.929-1.653-3.523A3.816 3.816 0 0 1 24 6.389c2.074-.059 2.544 3.443 2.178 4.646c-.207.68-.856.68-.886 1.21s.797.916.797.916a4.11 4.11 0 0 1 3.81.354a17 17 0 0 0 3.277 1.595l5.048-2.792c.03-.463 1.3-1.293 1.792-.21s.236 1.594-1.171 1.407c0 0-4.252 3.307-5.699 3.307a16.2 16.2 0 0 1-4.193-1.092a21 21 0 0 0-.472 2.54a34.4 34.4 0 0 0 .354 5.698c2.658.886 6.703 5.698 7.116 6.26s3.897 8.444 4.31 9.093s3.514 1.89 3.22 2.089a17.8 17.8 0 0 1-5.316 0c-.65-.333.325-1.823.325-1.823c-4.37-2.657-4.694-7.883-4.694-7.883s-5.522-1.831-7.648-3.248c-.738 2.746-6.466 5.285-9.123 5.728c-3.484.383-9.025 2.176-9.891 4.28c-.62 1.507.708 2.038.767 2.422s-.944.827-1.624.236s-2.096-2.923-1.712-3.69c.502-1.005 1.624-.266 2.126-.739s3.78-4.842 8.297-4.606c.59-1.329 6.88-6.082 6.88-6.082a3.7 3.7 0 0 1-.709-2.303c0-1.477 2.067-2.274 2.067-3.662a4.73 4.73 0 0 0-1.536-2.775s-8.533 5.079-10.895 5.758c-.286.344-2.136 1.515-2.716.738s1.015-2.502 2.108-2.079"/></svg>

Ameli アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Arcticons をすべて見る →