Scribble Filled アイコン
reicon:scribble-filled
Scribble Filled アイコン(reicon:scribble-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.067 21.333a2.04 2.04 0 0 1-1.396-.542c-1.338-1.21-.48-2.826.085-3.895l.132-.25c.079-.15.176-.325.283-.517c1.232-2.213 1.114-2.685 1.006-2.785c-.069-.016-.816-.12-3.345 2.703c-1.403 1.565-3.437 3.446-5.17 3.518q-.99.027-1.66-.605c-1.902-1.793-.183-4.033 1.994-6.87q.453-.588.95-1.246c1.969-2.615 3.985-5.296 3.238-6.04c-.519-.512-2.065.61-2.708 1.115c-3.004 2.363-8.37 7.896-8.423 7.95a.997.997 0 0 1-1.414.023a1 1 0 0 1-.024-1.413c.224-.23 5.516-5.687 8.624-8.132c.874-.688 3.533-2.781 5.358-.96c1.98 1.972-.123 4.768-3.034 8.636c-.352.467-.674.887-.979 1.284c-1.785 2.327-2.768 3.668-2.208 4.197c.032.03.068.068.205.061c.76-.03 2.24-1.152 3.763-2.854c1.457-1.627 3.156-3.299 4.71-3.368a1.96 1.96 0 0 1 1.488.536c1.505 1.401.173 3.793-.623 5.222c-.098.175-.187.332-.256.468l-.139.262c-.276.522-.695 1.309-.512 1.474c.432 0 1.14-.569 1.55-1.062a1 1 0 0 1 1.544 1.272c-.233.284-1.47 1.706-2.873 1.81q-.083.006-.165.006Z"/></svg>Scribble Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:scribble-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:scribble-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:scribble-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--scribble-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:scribble-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:scribble-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/scribble-filled.svg" alt="Scribble Filled アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Scribble Filled アイコン
Scribble Filled アイコン のよくある質問
Scribble Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Scribble Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:scribble-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Scribble Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/scribble-filled.svg" alt="Scribble Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。