IconSearch logoIconsearch
Home/Libraries/Material Symbols Light (Iconify)/draw-abstract-sharp
← Back to Search
Material Symbols Light (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.235 15.929q-.368.387-.916.457t-1.123-.017q-.334-.069-.615-.078t-.502.213q-.227.227-.225.535t.06.663q.098.575.03 1.117t-.434.948q-.373.399-.915.459q-.541.06-1.104-.026q-.43-.08-.756-.008q-.327.073-.752.51l-.708-.671q.608-.633 1.114-.757t1.045-.066q.47.058.791.086t.56-.203q.246-.241.234-.552t-.08-.666q-.076-.586-.018-1.141t.42-.936q.361-.386.902-.456t1.11.016q.355.069.638.09t.505-.2q.246-.246.235-.557t-.081-.666q-.087-.586-.029-1.141t.42-.936q.361-.386.902-.447t1.11.026q.355.07.638.08q.284.012.505-.209q.246-.246.235-.558t-.081-.665q-.086-.58-.016-1.135t.432-.942t.897-.45t1.076.023q.382.07.672.084q.289.014.51-.207q.246-.246.235-.557t-.081-.666q-.098-.575-.03-1.117t.434-.948q.373-.399.911-.459q.539-.06 1.102.026q.43.08.759.008q.33-.074.755-.51l.702.671q-.608.633-1.114.757t-1.046.066q-.47-.058-.79-.086q-.322-.029-.56.203q-.246.241-.232.552q.015.312.084.666q.086.58.016 1.135t-.432.942t-.897.453t-1.07-.02q-.388-.076-.665-.09t-.498.207q-.246.246-.247.557t.068.666q.086.586.038 1.141t-.41.936q-.386.386-.924.45q-.539.063-1.079-.023q-.352-.07-.648-.062t-.498.21q-.227.227-.238.535t.059.663q.086.586.026 1.141t-.417.936M6 10q-1.652 0-2.826-1.174T2 6q0-1.677 1.174-2.839T6 2q1.677 0 2.839 1.162T10 6q0 1.652-1.161 2.826T6 10m9 12v-7h7v7z"/></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 Light (Iconify)

Browse all Material Symbols Light (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