IconSearch logoIconsearch
Home/Libraries/Material Symbols (Iconify)/draw-abstract-sharp
← Back to Search
Material Symbols (Iconify)

DrawAbstractSharp

License: Apache-2.0Commercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. DrawAbstractSharpIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Material Symbols (Iconify)

Browse all Material Symbols (Iconify) icons →
10k
10k
10k-outline
10k-outline
10k-outline-rounded
10k-outline-rounded
10k-outline-sharp
10k-outline-sharp
10k-rounded
10k-rounded
10k-sharp
10k-sharp
10mp
10mp
10mp-outline
10mp-outline
10mp-outline-rounded
10mp-outline-rounded
10mp-outline-sharp
10mp-outline-sharp
10mp-rounded
10mp-rounded
10mp-sharp
10mp-sharp