Andrax アイコン

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

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

arcticons:andrax

Andrax アイコン(arcticons:andrax)は、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="M9.83 21.367c-.298-.555-.214-1.123-.214-1.123m-3.271 1.278c-.245-.284-.244-.819-.244-.819"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M43.5 21.978c-.447-3.2-3.544-8.5-6.056-9.876c0 0-.138-.207 2.615.482c-3.296-1.957-6.278-3.173-8.957-3.846c1.368-2.261 2.694-2.263 4.87-3.63c-3.594.291-5.915 2.264-6.843 3.222a21 21 0 0 0-1.834-.218l.01-.002s1.416-2.254 4.1-3.105c-3.003.323-4.971 1.437-6.74 3.09a16.7 16.7 0 0 0-4.938 1.07c.063-.94 1.02-1.812 1.02-1.812c-1.498.228-2.728 1.174-2.9 2.551c-.576-.817.232-1.979.232-1.979c-1.615.89-2.27 1.728-2.021 3.223c-2.598 1.864-3.837 3.879-3.837 3.879s-.83.325-2.366.49c-1.148.123-2.316.663-3.158 1.142c-.558-.75-1.965-.39-2.197.824c0 0 .594-.396.968-.03c-.749 1.29-.361 2.194.168 2.503c0 0-.258.568.073.757c0 0 4.99 0 7.192-1.961s7.226-3.923 8.877-1.79c-6.718 1.712-7.35 6.1-13.695 6.366c0 0 .576.654 3.235.654c4.335 0 9.084-3.957 10.805-3.957s1.135.791 3.75.791c.749 0 1.469-.196 2.106-.521c.31-.01 1.49.102 1.49 2.328c0 5.067-23.734 13.119-18.263 19.468c3.82 4.432 14.555-9.395 26.573.559c-2.864-5.274-.68-6.633 1.179-9.695s1.514-4.783 1.514-4.783s.998.688 1.067 3.2c1.17-1.927 1.273-7.949-.276-11.078c0 0 1.162-.123 2.237 1.684"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.219 13.835c.688-.413 2.495-1.953 2.495-1.953c.852.241 1.583.474 1.583.474c-.706.894-4.078 1.48-4.078 1.48M8.66 17.139c.451-.426 1.522-.413 1.974-.142m17.345 3.298c2.07-1.242 2.613-2.042 2.484-3.797"/></svg>

Andrax アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Arcticons をすべて見る →