Scribble Solid アイコン

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

はい。Teenyicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

teenyicons:scribble-solid

Scribble Solid アイコン(teenyicons:scribble-solid)は、Teenyicons セットの無料 SVG アイコンです（作者: smhmd）。 15 × 15 のグリッドで描かれています。 Teenyicons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Teenyicons
作者: smhmd
ライセンス: MIT
サイズ: 15 × 15
タグ: scribblesolid

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M5.06 2.334c-1.077.463-2.426 1.515-3.113 2.89l-.894-.448c.813-1.625 2.364-2.823 3.612-3.36c.316-.136.626-.236.912-.287c.278-.05.571-.061.833.017a.92.92 0 0 1 .645.619c.091.3.028.623-.09.92c-.284.708-.897 1.514-1.538 2.302q-.295.361-.596.723a36 36 0 0 0-1.365 1.71c-.593.811-.972 1.501-1.04 2.034c-.032.247.007.434.103.588c.1.16.293.338.668.498c1.104.474 2.543.426 3.98.028a9.7 9.7 0 0 1 .342-1.705c.536-1.876 1.757-3.141 2.93-3.581c.583-.219 1.223-.254 1.743.053c.542.32.808.924.808 1.665c0 .48-.196.947-.483 1.367c-.29.424-.692.834-1.164 1.213c-.86.69-1.99 1.308-3.195 1.73c.02.326.086.581.186.77c.123.234.31.394.603.476c.313.088.77.092 1.418-.062c.643-.154 1.44-.456 2.411-.941l.448.894c-1.013.507-1.885.842-2.627 1.02c-.738.175-1.382.202-1.92.052a1.92 1.92 0 0 1-1.218-.972a2.7 2.7 0 0 1-.279-.946c-1.483.37-3.064.421-4.377-.142c-.5-.214-.885-.505-1.123-.888c-.242-.389-.3-.819-.246-1.244c.103-.81.63-1.683 1.225-2.497c.43-.59.939-1.201 1.425-1.786q.294-.353.567-.688c.656-.805 1.168-1.499 1.385-2.042a.8.8 0 0 0 .06-.216a1 1 0 0 0-.343.015a3.3 3.3 0 0 0-.693.221m3.172 7.88c.952-.375 1.825-.876 2.495-1.414c.419-.336.745-.676.964-.996C11.91 7.48 12 7.209 12 7c0-.509-.171-.718-.317-.804c-.168-.099-.465-.134-.882.022c-.827.31-1.856 1.295-2.32 2.92a10 10 0 0 0-.249 1.077" clip-rule="evenodd"/></svg>

Scribble Solid アイコンの使い方

React

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

<Icon icon="teenyicons:scribble-solid" width="24" />

Vue

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

<template>
  <Icon icon="teenyicons:scribble-solid" width="24" />
</template>

Svelte

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

<Icon icon="teenyicons:scribble-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[teenyicons--scribble-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/teenyicons -->
<div class="i-teenyicons:scribble-solid"></div>

Web コンポーネント

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

<iconify-icon icon="teenyicons:scribble-solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/teenyicons/scribble-solid.svg" alt="Scribble Solid アイコン" width="24" height="24">

Teenyicons の関連アイコン

Scribble Solid アイコンのよくある質問

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

はい。Teenyicons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Teenyicons をすべて見る →