Home/Libraries/Devicon (Iconify)/norg

Devicon (Iconify)

Norg

License: MITCommercial Safe

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 128 128"><defs><linearGradient id="SVGrQI1RYRy" x1="205.272" x2="800.726" y1="136.063" y2="855.023" gradientTransform="matrix(.125 0 0 -.125 0 128)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#33aae6"/><stop offset=".992" stop-color="#4b3892"/></linearGradient><linearGradient id="SVGdoBbQdCP" x1="531.93" x2="693.4" y1="357.426" y2="357.426" gradientTransform="matrix(.125 0 0 -.125 0 128)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3d85c9"/><stop offset="1" stop-color="#4a4198"/></linearGradient><linearGradient id="SVGddeV1dgZ" x1="531.92" x2="944.488" y1="288.905" y2="288.905" gradientTransform="matrix(.125 0 0 -.125 0 128)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#61c67c"/><stop offset="1" stop-color="#366794"/></linearGradient><linearGradient id="SVGuFlhHTEC" x1="843.48" x2="969.756" y1="404.53" y2="404.53" gradientTransform="matrix(.125 0 0 -.125 0 128)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2f6b7f"/><stop offset="1" stop-color="#325d87"/></linearGradient><linearGradient id="SVG9pmcVcFG" x1="513.323" x2="900.784" y1="718.004" y2="143.708" gradientTransform="matrix(.125 0 0 -.125 0 128)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3b7fc4"/><stop offset=".467" stop-color="#90b1df"/><stop offset=".764" stop-color="#7381c0"/><stop offset="1" stop-color="#5f5fab"/></linearGradient></defs><path fill="url(#SVGrQI1RYRy)" d="M111.113 107.7c46.95-64.388-36.812-96.177-72.226-40.263c-4.473-7.449-6.375-17.101-2.438-31.8C20.074 54.687 18 74.488 35.863 95.336c14.25-26.688 32.188-31.125 50.825-31.211l-.012 13.625c-8.438-.852-14.227 5.477-20.188 11.227c-9.875 7.347-18.375 18.023-23.937 35.261C-26.961 98.113-4.414-4.176 69.3.512c-7.602 8.113-14.114 16.625-13.727 27.687c56.664-40.097 96.301 37.574 55.95 79.102"/><path fill="url(#SVGdoBbQdCP)" d="M86.648 88.96c-1.375-11.147-12.312-8.136-20.16.017c5.961-5.75 11.739-12.079 20.188-11.227z"/><path fill="url(#SVGddeV1dgZ)" d="m86.664 88.977l-.016 14.835c15.403-7.511 22.454-31.789 21.84-47.976c13.114 17.465 11.399 34.578 3.024 51.465h.011c-11.449 12.16-27.734 20-45.023 20.636l-.012-38.96c7.848-8.153 18.785-11.165 20.176 0"/><path fill="url(#SVGuFlhHTEC)" d="M111.512 107.3c8.375-16.874 10.074-34-3.024-51.464c-.3-3.125-1.152-6.125-3.05-8.273c19.425 13.687 20.273 40.124 6.074 59.738"/><path fill="url(#SVG9pmcVcFG)" d="M111.523 107.3c14.188-19.612 13.34-46.062-6.085-59.737c-22.075-13.864-52.825-.012-66.551 19.863c35.527-55.989 119.125-24.028 72.226 40.261"/></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. NorgIcon.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.