Draw Abstract Sharp アイコン
material-symbols:draw-abstract-sharp
Draw Abstract Sharp アイコン(material-symbols:draw-abstract-sharp)は、Material Symbols セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols
- 作者
- Google
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- テキスト
- タグ
- drawabstract、abstractsharp、drawabstractsharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.6 16.275q-.425.425-1.05.563t-1.45.012q-.2-.05-.375-.088t-.3.088q-.15.15-.1.363t.05.412q.175.825.05 1.425t-.55 1.025q-.45.475-1.087.613t-1.413.012q-.525-.1-.775.05t-.675.625l-1.4-1.325q.8-.825 1.2-1.112T3.8 18.65q.7 0 1.05.125t.55-.05q.15-.125.1-.35t-.1-.425q-.075-.875.05-1.487t.525-1.013q.4-.425 1.038-.562t1.437-.013q.2.05.388.1t.312-.075q.15-.15.1-.375t-.1-.425q-.125-.875 0-1.487t.525-1.013q.4-.425 1.038-.562t1.437-.013q.2.05.388.1t.312-.075q.15-.15.1-.375t-.1-.425q-.125-.85.013-1.463T13.4 7.75t1.013-.575T15.7 7.15q.325.05.538.112t.337-.062q.15-.15.1-.375t-.1-.425q-.175-.825-.05-1.425t.55-1.025q.45-.475 1.075-.612t1.4-.013q.525.1.787-.05t.688-.625L22.4 3.975q-.8.825-1.2 1.113t-1.075.287q-.7 0-1.05-.125t-.55.05q-.15.125-.088.35t.113.425q.125.85-.012 1.462T18 8.576t-1.012.588t-1.263.037q-.35-.075-.55-.137t-.325.062q-.15.15-.112.375t.087.425q.125.875 0 1.488t-.525 1.012q-.425.425-1.05.575t-1.3.025q-.275-.05-.475-.1T11.15 13q-.15.15-.112.363t.087.412q.125.875-.012 1.488t-.513 1.012M6 11q-2.075 0-3.537-1.463T1 6q0-2.1 1.463-3.55T6 1q2.1 0 3.55 1.45T11 6q0 2.075-1.45 3.538T6 11m8 12v-9h9v9z"/></svg>
Draw Abstract Sharp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:draw-abstract-sharp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:draw-abstract-sharp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:draw-abstract-sharp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--draw-abstract-sharp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:draw-abstract-sharp"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:draw-abstract-sharp"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols/draw-abstract-sharp.svg" alt="Draw Abstract Sharp アイコン" width="24" height="24">
他のアイコンセットの Draw Abstract Sharp アイコン
Draw Abstract Sharp アイコン のよくある質問
Draw Abstract Sharp アイコンは商用利用でも無料ですか?
はい。Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Draw Abstract Sharp アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols:draw-abstract-sharp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Draw Abstract Sharp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols/draw-abstract-sharp.svg" alt="Draw Abstract Sharp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols アイコン をすべて見る →
ICONYZ
