Color Brush 1 アイコン
streamline-freehand-color:color-brush-1
Color Brush 1 アイコン(streamline-freehand-color:color-brush-1)は、Freehand color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- デザイン
- タグ
- colorbrush
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M14.721 5.097c.61-1.33-.09-2.48-1.999-1.92c-.45.12-.77.74-.83 1.39c-.24 1.999 2.08 2.299 2.83.53m-.75-.7c-.15.39-.899 1.09-1.089.52c-.52-1.58 1.5-1.53 1.09-.52"/><path fill="#0c6fff" d="M21.588 16.411c-.39-.59-.71 0-.71 0c0 .21 0 .52.09 1.07c.12 1.41.8 3.598.38 4.558a1.5 1.5 0 0 1-2.709-.3a5.6 5.6 0 0 0-.9-1.64c-1.209-.839-1.549 3.309-2.628 2.78s-.72-3.689-1.16-3.999a.63.63 0 0 0-.939.33c-.31.7-.31 2.239-.82 3.109s-1 .37-1.829.49a4 4 0 0 1-1.389-.23l-.2-.5c-.33-1.05-.44-4.428-1.17-4.768c-.729-.34-.739.44-1.529 2.269c-.72 1.659-.66 3.108-2.448 2.708c-.3-.25-1.48-.24-1.15-1.539c.33-1.3 1-2.169.88-4.168c0-.32-.66-.6-.67 0s-.89 2.5-1 4.498c-.11 1.79 2.72 2.729 3.939 1.54c.53-.52.63-1.09 1.629-3.339c.28 1.39.26 2.998.76 3.828s2.378.75 3.638.78a1.89 1.89 0 0 0 1.549-1c.45-.79.17-.93.44-.25c.57 1.37 1.789 1.68 2.568 1.05a6.7 6.7 0 0 0 1.26-2.28l.38.77a2.36 2.36 0 0 0 3.468 1.09c1.13-.65 1.1-1.83.87-3.218c-.23-1.39-.22-3.059-.6-3.639"/><path fill="#020202" d="M3.297 12.853c.34-2.709 3.998-3.818 5.817-2.579c1.999 1.43.61-1.589.8-4.767S12.972.349 14.74 1.448c.95.55 1.23 2.55 1.23 3.709c.05 3.328-1.55 4.358-1.1 5.207c.21.4.58.34 1 .16h.2c.31.07 3.268-.2 4.607 2c.51 2.188.45 1.768.39 2.128c-.23-.1-3.588.27-3.698.28a82 82 0 0 1-9.276-.06c-1-.06-2.168-.34-3.188-.34a.34.34 0 0 0 0 .67c4.138.611 8.326.822 12.504.63c1.14-.09 4.258.17 4.578-.31s0-1.57-.05-2.09a3.57 3.57 0 0 0-2.07-3.098a7.5 7.5 0 0 0-3.667-.89a9.34 9.34 0 0 0 .93-4.237C17.05.609 14.43-.87 11.972.479a6.1 6.1 0 0 0-2.999 4.998a21.4 21.4 0 0 0 .37 3.998c-2.369-1.27-6.367.17-6.667 3.308v1.11c-.02.1.53 3.708.62-1.04"/></g></svg>
Color Brush 1 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:color-brush-1" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:color-brush-1" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:color-brush-1" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--color-brush-1]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:color-brush-1"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:color-brush-1"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/color-brush-1.svg" alt="Color Brush 1 アイコン" width="24" height="24">
Freehand color icons の関連アイコン
他のアイコンセットの Color Brush 1 アイコン
Color Brush 1 アイコン のよくある質問
Color Brush 1 アイコンは商用利用でも無料ですか?
はい。Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Color Brush 1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand-color:color-brush-1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Color Brush 1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/color-brush-1.svg" alt="Color Brush 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand color icons をすべて見る →
ICONYZ
