Home/Libraries/Freehand free icons (Iconify)/design-process-drawing-board-education

Freehand free icons (Iconify)

DesignProcessDrawingBoardEducation

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M3.3 14.824a.34.34 0 1 0 0 .679c4.83.07 13.31-1.058 15.136-.1c.06 0 .16.2.259.25c-.678.927-3.053.618-4.28.728c-2.075.2-4.18.07-6.266.17c-2.644.109-4.829.747-6.984.358c-.748-.14-.528-.997.18-1.117c0 0 1.217-.31 1.227-.35a.34.34 0 0 0-.38-.408c-.239 0-.857.12-.997.14c-1.397.259-1.706 2.095-.19 2.434c.719.15 1.452.22 2.186.21c0 .1-.998 3.172-1.238 4.499c-.319 1.776 2.165 2.085 2.834.519q.411-1.078.698-2.195q.404.06.808 0c1.522.192 3.058.245 4.59.16c2.993-.16 2.245 0 2.993-.08s.19-.669 1.257 2.095c.659 1.556 3.143 1.257 2.824-.529c-.2-.938-1.178-4.49-1.387-4.859a5.8 5.8 0 0 0 1.606-.24c.938-.289 1.946-1.207 1.537-2.045c-1.038-2.344-10.137-.409-16.413-.319m.51 7.573c-.16.369-.75.439-.7.1c.58-3.542.69-4.33.799-4.7c.529 0 1.058-.06 1.576-.11a30.4 30.4 0 0 1-1.676 4.71m9.976-2.395c-2.524-.22-.748-.489-8.091 0c.18-.748.35-1.526.499-2.344c2.993-.26 4.759.06 7.622-.09c.16.848.33 1.656.529 2.434a1.1 1.1 0 0 1-.539-.03zm3.153 2.494c0 .34-.539.26-.698-.1a31.4 31.4 0 0 1-1.726-4.898h1.536c-.03.07-.03-.998.908 4.998zM1.634 14.645a.293.293 0 1 0 .579-.1a22 22 0 0 1 .08-3.422a23 23 0 0 1 .18-3.931c.239-.998.1-.808 2.214-1.118a34 34 0 0 1 5.438-.568a.34.34 0 1 0 0-.679h-.4a.32.32 0 0 0 .16-.28a4.6 4.6 0 0 0-.1-1.536C9.137.766 6.982 1.884 7.301 4.837c-.608 0-4.05.25-4.64.41c-1.426.378-1.186 1.196-1.296 1.685c-.196 1.39-.196 2.8 0 4.19q.003 1.772.27 3.523M8.718 3.01c.599 1.926.549 1.786.638 1.846H8.12a3.85 3.85 0 0 1 .599-1.846"/><path d="M18.186 11.183a.3.3 0 0 0-.599 0a2.65 2.65 0 0 0 0 2.554c.24.558.749.2.709 0c-.02-1.527.29-1.008-.11-2.554m5.657-8.341c-.3-.49-.788-.669-2.115-1.357C18.306.178 18.136.018 17.887.228a.33.33 0 0 0 0 .469q1.71.901 3.522 1.576c.08.06 1.466 1.068 1.546 1.088s-3.522 1.696-3.711 1.775a2 2 0 0 1-.998.38c-.09 0-4.889-1.697-5.308-1.996c.37-.19-1.357.888 3.712-2.325a.3.3 0 0 0-.28-.528l-3.053 1.536c-.868.4-1.995.938-1.347 1.686a26 26 0 0 0-.11 4.23a1.546 1.546 0 0 0-.648 2.605c.798.878 2.435.818 2.764-.4a1.707 1.707 0 0 0-1.247-2.175a14 14 0 0 0 .12-3.571c.538.299 1.506.658 3.72 1.536c.47.16 1.298.778 1.916.569a32 32 0 0 0 5.278-2.734a.89.89 0 0 0 .08-1.107M12.938 8.998c.27.329.16 1.376-.3 1.396c-.458.02-.997-.788-.887-1.207c.21-.738 1.117-.27 1.187-.19"/><path d="M21.758 5.845c-.469 0-.34.499-.449.998c-.11.498-.698.488-1.357.788c-.658.299-1.337.768-1.935.997a15.6 15.6 0 0 1-2.894-.997c-.14-.699 0-1.078-.409-1.078a.3.3 0 0 0-.3.3v.997c.005.12.055.235.14.32c.52.528 2.994 1.825 3.632 1.656a8.3 8.3 0 0 0 2.215-1.237a4.8 4.8 0 0 0 1.377-.908c.33-.42.26-.799.27-1.337a.33.33 0 0 0-.29-.5"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. DesignProcessDrawingBoardEducationIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.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.