Azahar アイコン

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

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

arcticons:azahar

Azahar アイコン(arcticons:azahar)は、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.376 14.556c2.919 2.06 5.197 4.86 7.022 8.18m4.675-14.859c1.53 3.309 2.38 6.915 1.903 11.103m5.114 1.947c2.21-3.41 4.889-5.892 8.015-7.484M29.211 28.16c2.587.247 5.224 1.339 7.973 4.279m-11.857-2.755c2.294 2.459 3.624 5.426 4.51 8.627M14.211 33.81c1.248-2.31 2.64-4.425 5.098-5.107"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.18 26.282c1.64-.568 3.347-1.242 4.464-2.64c1.64-1.802 2.216-4.235 2.821-6.524c.244-1.242.833-2.365 1.423-3.47c.493-.703.262-1.704-.618-1.93c-1.775-.72-3.71-.003-5.324.799c-2.223 1.114-4.247 2.615-6.04 4.332c-.933.897-1.662 1.969-2.302 3.087"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.532 25.898c1.91.403 3.81.945 5.572 1.798c1.973.959 3.492 2.694 4.353 4.695c.342.776.849 1.659.423 2.506c-.19.574-.858.751-1.375.51c-.529-.214-1.126-.282-1.651-.012c-.628.341-1.346.55-2.062.408c-1.48-.233-2.728-1.143-3.772-2.175m-3.569-16.306c.124-.975.17-1.958.067-2.938c-.387-2.44-1.131-4.96-2.903-6.768c-.936-.925-2.063-1.723-3.344-2.075c-.76-.242-1.185.631-1.262 1.25c-.182 1.24.29 2.453.287 3.691a9.8 9.8 0 0 1-.69 4.268c-.382 1.15-.887 2.295-1.116 3.49"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.436 21.532a19.8 19.8 0 0 0-3.613-5.29c-.998-1.118-2.175-2.108-3.587-2.653c-1.358-.56-2.881-1.047-4.351-.68c-.636.192-1.445.912-.782 1.548c.579.682 1.046 1.49 1.072 2.407c.083 1.51-.133 3.03.102 4.533c.142 1.295.524 2.655 1.56 3.522c1.402 1.241 3.19 1.998 5.006 2.395m3.352-1.24a8.9 8.9 0 0 0-3.445 1.308c-1.198.76-2.35 1.64-3.255 2.74c-.883 1.35-1.448 2.935-1.55 4.55c-.045 1.27.252 2.573.88 3.68c.28.56 1.154 1.06 1.602.394c.615-.77 1.335-1.513 2.3-1.825c1.282-.44 2.607-.846 3.696-1.689c.646-.463 1.3-.95 1.827-1.546m-.625-6.8c-.247-.9-.305-1.87-.014-2.767c.126-.449.373-.847.654-1.214m.431 4.527c.019-.718.203-1.445.638-2.028l.068-.1m.165 2.686c.694-.511 1.326-1.117 1.788-1.85l.024-.036l.025-.037m-.867 2.602c.76-.186 1.509-.482 2.102-1.007c.534-.428.924-.996 1.29-1.565"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.878 28.567c1.554 1.676 2.837 3.664 3.386 5.904c.492 1.817.758 3.69.952 5.559c.014.774.167 1.702-.4 2.328c-.616.445-1.308-.198-1.895-.422c-1.6-.841-3.31-1.458-4.897-2.324c-1.614-.948-2.952-2.446-3.443-4.28a11.24 11.24 0 0 1-.213-5.206c.069-.303.16-.6.251-.897m4.532-4.128c2.984-2.241-1.662-5.577-3.548-3.664c-1.248 1.266 1.337 3.856 2.74 2.454c.685-.685-.76-1.849-1.312-1.162"/></svg>

Azahar アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Arcticons をすべて見る →