ICONYZ
日本語
Arcticons の Crayon Adaptive アイコン

Crayon Adaptive アイコン

arcticons:crayon-adaptive

Crayon Adaptive アイコン(arcticons:crayon-adaptive)は、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
タグ
crayonadaptive
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M35.661 15.442c-9.345-1.987-19.025-2.7-28.804-2.414c-1.104 2.196-2.842 6.184 1.051 9.393c3.513 2.895 8.34 1.328 10.526-2.313c.762-1.269 1.432-2.385 1.588-4.19c.065-.754 1.027-.847 1.008.103c-.106 5.274 3.06 8.5 6.463 9.163c2.93.571 7.54-1.28 8.405-5.6c.336-1.68.296-2.768-.237-4.142"/><path d="M10.397 21.604c2.242.57 3.962-.26 5.004-1.887m11.592 2.953c2.176.789 3.969.132 5.165-1.386"/><path d="M12.324 12.962a17.1 17.1 0 0 1 13.07-6.07C34.84 6.893 42.5 14.553 42.5 24h0c0 9.448-7.659 17.107-17.107 17.107S8.287 33.448 8.287 24q0-.62.045-1.24"/><path d="M16.814 26.966c1.224-1.566 3.846-1.519 4.988-.715"/></g></svg>

Crayon Adaptive アイコンの使い方

React

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

<Icon icon="arcticons:crayon-adaptive" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:crayon-adaptive" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:crayon-adaptive" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:crayon-adaptive"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/crayon-adaptive.svg" alt="Crayon Adaptive アイコン" width="24" height="24">

Arcticons の関連アイコン

Crayon Adaptive アイコン のよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →