Design Tool Stamp アイコン
streamline-freehand:design-tool-stamp
Design Tool Stamp アイコン(streamline-freehand:design-tool-stamp)は、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、toolstamp、designtoolstamp
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.284 17.691c-1.94-3.75-7.172-2-7.592-3.46c-.42-1.461.64-3.121 1.2-4.572c2-5.251-.45-9.452-3.58-9.642C10-.183 7.34 1.387 6.67 5.098c-1 5.401 3.11 6.262 2.24 8.832a3.73 3.73 0 0 1-3.72 2a8.5 8.5 0 0 0-3.301-.16c-1.57.51-1.61 2.001-1.27 3.612a.42.42 0 0 0 .36.35a.28.28 0 0 0 .22-.41c-.19-1.28-.39-2.541.89-2.931c1.65-.51 3.09 1 5.661-.26a3.72 3.72 0 0 0 1.91-2c1.12-3.091-3-3.822-2-8.903c.53-2.75 2.18-4.12 5.341-4.13c2.601 0 4.611 3.57 2.871 8.161c-.57 1.49-1.8 3.351-1.22 5.291c.83 2.711 5.921.13 7.772 3.611c.26.48.22.72-.24.95c-2.391 1.14-9.113 0-10.353-.07c-3.05-.15-7.172.39-10.172.42a.33.33 0 0 0 0 .66h.51c-.25 1.461.16 3.001 1.64 3.222c3.09.415 6.206.599 9.322.55c4.381.07 5.272.25 6.482-.11a3 3 0 0 0 2.27-2.33a6 6 0 0 0-.12-1.241c1.79-.38 2.111-1.37 1.52-2.52m-2.13 3.501c0 .86-1 1.54-1.791 1.74c-1.47.37-1.77-.13-9.162-.19c-1.61 0-4.001 0-6.312-.19c-1.07-.09-1.3-1.4-1.15-2.44c12.793-.33 15.894.52 18.334.21c.03.3.08.59.08.87"/><path d="M12.431 2.668c-.43.79 2 .39 2 4.17c0 .7 1.261 1.21 1.291-.27a4.58 4.58 0 0 0-.92-2.78c-.62-.93-2.12-1.57-2.37-1.12"/></g></svg>
Design Tool Stamp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:design-tool-stamp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:design-tool-stamp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:design-tool-stamp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--design-tool-stamp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:design-tool-stamp"></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-stamp"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/design-tool-stamp.svg" alt="Design Tool Stamp アイコン" width="24" height="24">
Freehand free icons の関連アイコン
他のアイコンセットの Design Tool Stamp アイコン
Design Tool Stamp アイコン のよくある質問
Design Tool Stamp アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Design Tool Stamp アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:design-tool-stamp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Design Tool Stamp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/design-tool-stamp.svg" alt="Design Tool Stamp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand free icons をすべて見る →
