Ar Doodle アイコン

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

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

arcticons:ar-doodle

Ar Doodle アイコン(arcticons:ar-doodle)は、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
タグ: ardoodle

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="M19.858 30.106a15.34 15.34 0 0 0 5.408-6.876c1.608-4.003 1.533-7.897-1.157-10.231c-.673-.583-1.542-.959-2.457-1.107a5.36 5.36 0 0 0-2.728.253c-1.71.646-3.084 1.966-4.305 3.81c-2.026 3.057-2.502 7.189-1.837 11.163c.332 1.988.995 3.945 2.224 5.615s3.15 3.024 5.473 3.367c2.341.345 4.465-.466 6.05-1.503s2.819-2.286 3.95-3.308c1.13-1.023 2.113-1.868 2.923-2.088c2.498-.68 3.767 1.134 4.821 3.416c.625 1.353 1.95 2.221 3.374 1.782a2.7 2.7 0 0 0 1.782-3.377c-.78-2.527-2.242-5.123-5.198-6.522c-2.326-1.1-4.807-1.078-6.733-.332c-1.926.747-3.343 1.99-4.592 3.119s-2.347 2.183-3.282 2.794s-1.519.794-2.307.678c-.845-.125-1.357-.473-1.91-1.226c-.555-.753-1.023-1.94-1.25-3.303c-.456-2.726.298-6.079 1.012-7.295c.6-1.021 1.034-1.29 1.516-1.542c.108.344.527 1.566-.38 3.825c-.58 1.447-1.349 2.586-2.284 3.494"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.84 27.433c-1.705.43-3.583.58-5.484.47a2.7 2.7 0 0 0-2.852 2.538v.001a2.7 2.7 0 0 0 2.538 2.853h.003c2.6.15 5.264-.064 7.796-.806"/></svg>

Ar Doodle アイコンの使い方

React

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

<Icon icon="arcticons:ar-doodle" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:ar-doodle" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:ar-doodle" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:ar-doodle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/ar-doodle.svg" alt="Ar Doodle アイコン" width="24" height="24">

Arcticons の関連アイコン

Ar Doodle アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →