IconSearch logoIconsearch
Home/Libraries/Framework7 Icons (Iconify)/scribble
← Back to Search
Framework7 Icons (Iconify)

Scribble

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 56 56"><path fill="#818cf8" d="M49.926 46.375c2.18-2.648 2.836-5.93 1.148-7.594c-2.11-2.086-4.804-.047-8.414 3.282c-3.422 3.093-4.71 4.171-5.11 3.75c-.397-.352.353-1.454 4.43-6.07c5.157-5.907 7.524-9.446 4.782-12.212c-2.906-2.883-7.008.563-13.078 6.14c-4.266 3.915-8.485 8.18-10.266 6.4c-1.242-1.243.305-3.235 6.586-10.454c8.672-9.96 13.336-17.039 9.75-20.625c-3.445-3.445-7.008-.445-18.14 8.719c-8.65 7.102-13.407 10.008-17.016 11.812c-.985.54-1.36 1.454-.985 2.391c.422.914 1.477 1.219 2.555.656c3.82-1.898 9.047-5.203 17.602-12.21c9.445-7.782 12-10.196 13.5-8.672c1.875 1.851-2.414 7.312-9.797 15.632c-8.063 9.118-9.985 12.703-6.82 15.868c3.656 3.656 8.835-1.055 15.187-6.868c4.969-4.547 7.547-6.96 8.438-6.047c.913.938-1.383 3.446-6.118 8.93c-4.312 5.016-5.226 7.57-3.328 9.469c1.781 1.781 4.547.61 8.414-2.836c3.164-2.79 4.805-4.5 5.133-4.148c.328.328-.211 1.617-1.336 2.765c-.727.727-.633 1.805.094 2.555c.75.68 1.898.515 2.789-.633"/></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. ScribbleIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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 Framework7 Icons (Iconify)

Browse all Framework7 Icons (Iconify) icons →
airplane
airplane
alarm
alarm
alarm-fill
alarm-fill
alt
alt
ant
ant
ant-circle
ant-circle
ant-circle-fill
ant-circle-fill
ant-fill
ant-fill
antenna-radiowaves-left-right
antenna-radiowaves-left-right
app
app
app-badge
app-badge
app-badge-fill
app-badge-fill