Design Tool Quill アイコン
streamline-freehand:design-tool-quill
Design Tool Quill アイコン(streamline-freehand:design-tool-quill)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- デザイン
- タグ
- designtool、toolquill、designtoolquill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.225 0a30 30 0 0 0-4.507.901c-1.082.331-2.143.762-3.225 1.112c-1.773.571-1.372.17-3.756 4.467a7.2 7.2 0 0 0-1.002-2.494c-1.001-1.001-2.003.511-2.714 1.663c-2.114 3.456-4.047 6.56-4.447 11.76a.302.302 0 0 0 .6.05c.441-4.949 2.404-8.014 4.558-11.35a4.7 4.7 0 0 1 1.252-1.502c.06.1.12 0 .38.682c.261.68.461 2.103.852 2.403s.881 0 1.192-.43s1.963-3.636 2.584-3.917q.433-.177.891-.27a32.7 32.7 0 0 1 6.882-1.823a8.6 8.6 0 0 1-.3 2.504a39 39 0 0 1-2.355 7.081c-.3.672-.78 2.204-1.462 2.695c-.07-.1-.28-.18-.34-.24a8.7 8.7 0 0 0-2.855-1.703c-1.282-.17-.631 2.684-.691 3.365c-.741-.51-2.574-1.442-2.905-.66c-.22.52.1 1.191.2 1.602c.23.871.792 2.554.12 3.175a6.78 6.78 0 0 1-4.797 1.192c-2.404-.23-1.653-1.232-2.174-.852c-.2.08-.42.26-.2.521c.292.426.73.73 1.232.852c1.893.55 4.898.24 6.43-1.112c1.122-1.002.441-3.175 0-4.718c.82.242 1.557.703 2.134 1.332a.58.58 0 0 0 .741 0c.38-.43 0-2.283.08-3.495h.19q.893.553 1.693 1.232c.2.237.436.44.701.6c.611.251 1.302-.39 1.673-.89C21.132 12.078 25.63.26 23.225 0"/><path d="M7.04 16.256C13.99 8.444 17.385 6.12 19.55 4.517a.344.344 0 0 0-.401-.56c-1.402 1.001-2.775 1.852-4.067 2.894C7.77 12.861 5.116 16.867.88 22.416l-.771 1.142a.31.31 0 0 0 .51.34c2.024-2.644 5.28-6.36 6.421-7.642"/></g></svg>
Design Tool Quill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:design-tool-quill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:design-tool-quill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:design-tool-quill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--design-tool-quill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:design-tool-quill"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:design-tool-quill"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/design-tool-quill.svg" alt="Design Tool Quill アイコン" width="24" height="24">
Freehand free icons の関連アイコン
他のアイコンセットの Design Tool Quill アイコン
Design Tool Quill アイコン のよくある質問
Design Tool Quill アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Design Tool Quill アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:design-tool-quill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Design Tool Quill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/design-tool-quill.svg" alt="Design Tool Quill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand free icons をすべて見る →
