Home/Libraries/Freehand free icons (Iconify)/learning-programming-flag

Freehand free icons (Iconify)

LearningProgrammingFlag

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="M23.258 9.169c-.12-1.179-1.279-1.489-2.487-1.479c-3.677 0-4.566 1-6.104.93c.07-.14 0-.45 0-.66c.1-1.378-1.069-2.138-2.407-2.487a21.6 21.6 0 0 0-4.995-.39a28 28 0 0 0-4.125.59c.097-.362.15-.735.16-1.11a2.537 2.537 0 0 0 2.886-2.207a.35.35 0 0 0-.679-.13c-.61 2.318-3.636 1.17-3.286 0A2.5 2.5 0 0 1 4.069.778c.949-.1.999.68 1.388.34a.31.31 0 0 0 0-.43C4.31-.84 1.372.418 1.062 2.116A2.18 2.18 0 0 0 2.62 4.384c-.19.813-.303 1.643-.34 2.477c-.199 1.369-.359 1.379-.818 5.464c-.46 3.706-.83 11.458-.82 11.558s.57.27.63-.17C2.72 12.985 2.55 12.515 2.86 9.119c.1-1.149.25-1.548.27-2.797c2.497-.71 8.53-.89 10.299.68c.699.628 0 1.537.36 2.167c.569.919 2.916.12 3.995-.11a13.2 13.2 0 0 1 2.997-.25c.459 0 1.308 0 1.348.47c.19 1.898 0 7.531-.14 9.46c0 .199-.07.389-.08.499q-.773.291-1.578.48a39.5 39.5 0 0 1-6.823 1.997a4.7 4.7 0 0 1-2.737-.47c-.799-.499-.22-.998-.23-1.728c-.01-.729-.539-1.068-1.198-1.278a20.9 20.9 0 0 0-6.253-.6a.34.34 0 0 0-.34.34c0 .59.7.21 3.287.45c1.027.106 2.046.29 3.046.549c.203.06.39.162.55.3a.22.22 0 0 1 .06.19c0 .719-.66 1.478.37 2.327a5.3 5.3 0 0 0 3.525.839a39.6 39.6 0 0 0 7.103-1.858c.619-.22 1.638-.25 2.217-.889c.58-.64.48-9.45.35-10.718"/><path d="M9.992 10.787a.34.34 0 0 0-.42-.34a10.8 10.8 0 0 0-2.387 1.18c-.38.219-.919.439-.999.998c-.17.69.46.999.81 1.339a11 11 0 0 0 2.297 1.658a.355.355 0 1 0 .31-.64a17 17 0 0 1-2.338-2.187c2.288-1.508 2.667-1.658 2.727-2.008m6.753 6.613a15.5 15.5 0 0 0 2.997-2.258a.93.93 0 0 0-.19-1.318c-.18-.15-2.088-1.22-2.258-1.299c-.17-.08-.909-.44-1.118-.23c-.49.48.529.91 2.597 2.298a17.5 17.5 0 0 1-2.338 2.187a.35.35 0 0 0 .31.62m-5.594-.18c.67-.87 1.339-1.638 1.928-2.497c.949-1.359 1.149-2.378 1.998-3.506a.301.301 0 0 0-.45-.4C13 12.305 11.71 14.863 10.632 16.81a.35.35 0 0 0 .519.41"/></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. LearningProgrammingFlagIcon.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.