Home/Libraries/Skill Icons (Iconify)/idea-dark

Skill Icons (Iconify)

IdeaDark

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 256 256"><g fill="none"><rect width="256" height="256" fill="#818cf8" rx="60"/><path fill="url(#SVGAxKcqc2V)" d="m78.571 184l-48.285-38.286l24-44.571L123.143 128z"/><path fill="url(#SVGfLar6cfN)" d="m228 81.429l-3.714 115.714L147.429 228l-46.286-29.714L168.857 128l-29.714-64.857l26.571-32z"/><path fill="url(#SVG2TdOye3m)" d="m228 81.429l-60.857 72l-28-90.286l26.571-32z"/><path fill="url(#SVGQOCFBICt)" d="M124.286 194L44 223.143L56.857 178l16.857-55.429L28 107.143L56.857 28l62.857 7.714l61.715 70.572z"/><path fill="#818cf8" d="M190.571 66.572H67.143V190H190.57z"/><path fill="#818cf8" d="M124.857 166.857H78.571v7.714h46.286zM112 92v-9.428H86.286V92h7.428v32.286h-7.428v9.428H112v-9.428h-7.143V92zm24.571 42.572c-4 0-7.428-.858-10-2.286c-2.571-1.429-4.857-3.429-6.571-5.429l7.143-8c1.428 1.715 2.857 2.857 4.286 3.715s3.142 1.428 4.857 1.428c2 0 3.714-.571 5.143-2c1.142-1.428 1.714-3.428 1.714-6.571V82.572h11.428V116c0 3.143-.285 5.714-1.142 8c-.858 2.286-2 4-3.715 5.714c-1.428 1.429-3.428 2.858-5.714 3.429c-2.286.857-4.571 1.429-7.429 1.429"/><defs><linearGradient id="SVGAxKcqc2V" x1="30.256" x2="123.192" y1="142.541" y2="142.541" gradientUnits="userSpaceOnUse"><stop offset=".258" stop-color="#f97a12"/><stop offset=".459" stop-color="#b07b58"/><stop offset=".724" stop-color="#577bae"/><stop offset=".91" stop-color="#1e7ce5"/><stop offset="1" stop-color="#087cfa"/></linearGradient><linearGradient id="SVGfLar6cfN" x1="101.621" x2="254.926" y1="99.086" y2="183.914" gradientUnits="userSpaceOnUse"><stop stop-color="#f97a12"/><stop offset=".072" stop-color="#cb7a3e"/><stop offset=".154" stop-color="#9e7b6a"/><stop offset=".242" stop-color="#757b91"/><stop offset=".334" stop-color="#537bb1"/><stop offset=".432" stop-color="#387ccc"/><stop offset=".538" stop-color="#237ce0"/><stop offset=".655" stop-color="#147cef"/><stop offset=".792" stop-color="#0b7cf7"/><stop offset="1" stop-color="#087cfa"/></linearGradient><linearGradient id="SVG2TdOye3m" x1="208.651" x2="165.972" y1="150.615" y2="23.088" gradientUnits="userSpaceOnUse"><stop stop-color="#fe315d"/><stop offset=".078" stop-color="#cb417e"/><stop offset=".16" stop-color="#9e4e9b"/><stop offset=".247" stop-color="#755bb4"/><stop offset=".339" stop-color="#5365ca"/><stop offset=".436" stop-color="#386ddb"/><stop offset=".541" stop-color="#2374e9"/><stop offset=".658" stop-color="#1478f3"/><stop offset=".794" stop-color="#0b7bf8"/><stop offset="1" stop-color="#087cfa"/></linearGradient><linearGradient id="SVGQOCFBICt" x1="58.63" x2="186.639" y1="75.066" y2="286.8" gradientUnits="userSpaceOnUse"><stop stop-color="#fe315d"/><stop offset=".04" stop-color="#f63462"/><stop offset=".104" stop-color="#df3a71"/><stop offset=".167" stop-color="#c24383"/><stop offset=".291" stop-color="#ad4a91"/><stop offset=".55" stop-color="#755bb4"/><stop offset=".917" stop-color="#1d76ed"/><stop offset="1" stop-color="#087cfa"/></linearGradient></defs></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. IdeaDarkIcon.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.