Coloringbook アイコン
arcticons:coloringbook
Coloringbook アイコン(arcticons:coloringbook)は、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 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="m7.83 7.322l16.373 2.034l16.475-1.932l-.203 33.457l-12.353-3.307a2.69 2.69 0 0 1-3.323 1.15"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.424 11.085v5.354l-5.492.036l4.983 2.135l-1.118 5.186l3.254-4.067l4.474 2.847l-2.542-4.78l3.966-2.949l-5.353 1.148ZM7.83 7.322l-.305 33.05l9.46-1.4m1.219-.836l3.05 2.745l10.78-12.305l2.44-5.186l-5.593 2.237zM24.203 9.35v19.232"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.915 22.17c-.008 2.072 4.284 2.483 4.875.496c2.768-.268 4.114-1.178 2.956-3.649c1.77-3.422-.168-3.836-1.83-4.474c-1.185-2.01-2.754-2.605-5.086-.407c-3.802-.568-3.02 2.672-2.644 4.068c-2.087 1.802-.444 5.3 1.73 3.966"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.216 23.884c.996 4.305-.638 8.93-1.097 13.235c.937-7.353 4.082-11.636 8.949-13.526c-7.137 5.176-.683 10.9-8.95 13.526"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.119 37.119c-.826-3.745 1.339-8.678-3.72-10.007c.578-3.098 3.22 1.541 4.817-3.228"/><ellipse cx="15.748" cy="18.302" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.187" ry="1.151"/></svg>Coloringbook アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:coloringbook" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:coloringbook" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:coloringbook" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--coloringbook]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:coloringbook"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:coloringbook"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/coloringbook.svg" alt="Coloringbook アイコン" width="24" height="24">Coloringbook アイコン のよくある質問
Coloringbook アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Coloringbook アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:coloringbook" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coloringbook アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/coloringbook.svg" alt="Coloringbook アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。