Home/Libraries/Freehand free icons (Iconify)/programming-hold-code

Freehand free icons (Iconify)

ProgrammingHoldCode

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"><path fill="#818cf8" fill-rule="evenodd" d="M19.859 17.454a1.897 1.897 0 0 0-2.655-1.996a8.6 8.6 0 0 0-2.505 1.816c-.439.37-1.925 1.477-1.995 1.507a6.2 6.2 0 0 1-2.365-.499c0-.1.07-.19.19-.35c1.227-1.706 2.823-2.304 1.696-3.99a1.43 1.43 0 0 0-1.597-.53c-1.816.28-3.622 2.106-5.349 2.785c-.08 0-.16 0-.18.05c-.289-1.996-2.145-1.458-2.853-1.467s-2.295-.12-1.996.568a.32.32 0 0 0 .41.18a4.5 4.5 0 0 1 1.546.05c.998.11 1.696-.17 1.806.718v5.848c0 .698-.06.878-1.167.998a8.5 8.5 0 0 1-1.996-.09a.36.36 0 1 0-.13.708a10 10 0 0 0 2.136.24c.997 0 1.696-.16 2.045-.998l2.345-.519c3.712.998 8.792 1.158 12.045-.908c1.247-.808 2.624-1.806 1.936-3.133a1.59 1.59 0 0 0-1.367-.988m-4.54.678c.997-.648 2.344-1.995 3.112-1.706a.94.94 0 0 1 .61 1.108c-1.937.429-2.875.838-4.601 1.067c.32-.16.639-.329.878-.469m3.332 2.435c-4.25 2.924-11.206 1.098-11.476 1.168c-2.305.579-2.105.579-2.095.489c.145-1.733.168-3.473.07-5.21c1.327-.069 5.658-3.681 6.316-2.594c.659 1.088-.539 1.308-1.766 2.894c-.629.818-.479 1.367-.1 1.756a4.3 4.3 0 0 0 1.876.759c2.345.589 6.337-.739 7.205-.908c.689-.15 1.178-.47 1.477.1c.3.568-1.048 1.237-1.507 1.546m-7.752-9.719a.36.36 0 0 0 0-.718c-.66-.03-3.892-2.675-4.391-3.094s-.5-.13-.15-.479s.779-.629.928-.758a27 27 0 0 1 3.862-3.094a.322.322 0 0 0-.32-.559A25.4 25.4 0 0 0 5.01 6.188a1.05 1.05 0 0 0-.17.998c.27.539 5.06 3.702 6.058 3.662m1.836 1.287C13.84 8.583 16.236 5.5 16.904.43a.32.32 0 1 0-.618-.12c-.798 3.194-3.283 6.986-4.25 11.646a.362.362 0 0 0 .532.4a.36.36 0 0 0 .166-.22m6.046-9.77a.32.32 0 0 0-.398.499c.429.38 3.791 3.363 4.09 3.842c-1.087 1.327-5.168 3.792-5.148 3.882a.37.37 0 0 0 .16.718c.379-.06 5.797-2.994 6.276-4.43c.29-.919-1.786-2.216-4.98-4.511" clip-rule="evenodd"/></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. ProgrammingHoldCodeIcon.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.