Home/Libraries/Freehand free icons (Iconify)/creativity-idea-bulb

Freehand free icons (Iconify)

CreativityIdeaBulb

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" d="M18.288 11.683a7.7 7.7 0 0 0-1.306-3.747a6.7 6.7 0 0 0-7.286-2.721a6.87 6.87 0 0 0-5.262 5.651a5.6 5.6 0 0 0 0 1.585c.077.546.278 1.068.588 1.525c.548.777 1.395.996 1.824 1.604c.166.235.24.522.21.808a.27.27 0 0 0 .248.289h.28q1.071.296 2.172.448q.471.06.947.06h.947c.727 0 1.445-.14 2.183-.24a.31.31 0 1 0-.03-.617l-2.153-.12H7.603c0-.33-.1-.654-.289-.927c-.408-.588-1.236-.857-1.754-1.634a3 3 0 0 1-.409-1.256a4.8 4.8 0 0 1 .02-1.405a6.05 6.05 0 0 1 4.755-4.814a5.74 5.74 0 0 1 6.199 2.352a6.7 6.7 0 0 1 1.136 3.22a3.92 3.92 0 0 1-.997 3.069a6 6 0 0 1-.478.429c-.449.348-.897.627-1.336.996a1.4 1.4 0 0 0-.348.578q-.14.492-.22.997c-.01.23-.086.45-.219.638a3.2 3.2 0 0 1-2.233.767a10.2 10.2 0 0 1-3.627-.787c.09-.16 0-.648 0-.947a.32.32 0 0 0-.33-.299a.31.31 0 0 0-.288.329c0 .399-.07.907 0 1.126a.43.43 0 0 0 .249.31c1.279.59 2.66.928 4.066.996a3.93 3.93 0 0 0 2.79-.917c.16-.155.28-.347.35-.558q.156-.49.239-.997c-.005-.176.033-.35.11-.508c.438-.379.877-.628 1.315-.997q.31-.229.578-.508a4.84 4.84 0 0 0 1.406-3.778"/><path fill="#818cf8" d="M9.696 13.976c.06-.578.1-1.166.15-1.744q.235.242.528.408c.318.202.69.302 1.067.29c.35-.01.692-.106.996-.28v.827q-.005.974.16 1.934c0 .21.498.339.598 0q-.09-.966 0-1.934q.208-1.315.588-2.59a.44.44 0 0 0-.2-.52a.45.45 0 0 0-.608.06a.7.7 0 0 0-.1.16l-.109.22l-.24.388a1.6 1.6 0 0 1-.507.458a1.14 1.14 0 0 1-.598.18a1 1 0 0 1-.628-.23a1.74 1.74 0 0 1-.519-.597l-.179-.449c0-.09-.07-.309-.09-.369a.5.5 0 0 0-.398-.199a.46.46 0 0 0-.449.13c-.319.338-.07 2.252-.21 4.475a3 3 0 0 1 0 .647c0 .42.47.539.579.1c.106-.447.163-.905.17-1.365M3.098 6.182a3 3 0 0 0-.408-.409l-.459-.339c-.369-.239-.757-.428-1.146-.648a.32.32 0 0 0-.439.07a.31.31 0 0 0 .07.429c.3.309.588.618.897.917c.13.13.26.259.389.368c.13.11.269.23.409.34q.518.351.996.757a.27.27 0 0 0 .379 0a.27.27 0 0 0 .05-.389a5.8 5.8 0 0 0-.738-1.096m3.967-4.445q.075.275.19.538c.07.17.139.339.229.508c.209.389.458.738.677 1.136a.28.28 0 0 0 .519-.189a12 12 0 0 0-.27-1.326a6 6 0 0 0-.189-.538a4 4 0 0 0-.21-.508C7.754.959 7.515.6 7.285.212a.31.31 0 0 0-.408-.19a.31.31 0 0 0-.17.399c.12.468.22.897.36 1.316m7.443 2.621a.27.27 0 0 0 .3-.24q.21-.543.368-1.106c.05-.219.07-.448.1-.667a6 6 0 0 1 .11-.997a.327.327 0 0 0-.12-.449a.33.33 0 0 0-.449.12a4.3 4.3 0 0 0-.508.997q-.075.225-.12.458q-.015.235 0 .469c0 .378.08.717.11 1.056a.29.29 0 0 0 .21.359m8.571 3.139c-.469 0-.907-.07-1.366-.07h-.588c-.19 0-.389.07-.578.12q-.668.226-1.286.568a.28.28 0 1 0 .18.519c.448-.07.867-.07 1.295-.1l.539-.06l.548-.1c.428-.09.847-.199 1.295-.289a.33.33 0 0 0 .29-.338a.31.31 0 0 0-.33-.25M12.916 21.002q-.499.031-.997 0c-.32 0-.638-.05-.997-.07l-.996-.05c-.658 0-1.306 0-1.994-.07a.28.28 0 0 0-.329.21a.28.28 0 0 0 .21.33a10.4 10.4 0 0 0 1.724.517q.386.07.777.08q.389.03.778 0q.966-.078 1.903-.329a.32.32 0 0 0 .26-.359a.31.31 0 0 0-.34-.259m-1.075 2.014a8 8 0 0 1-.997-.09a5 5 0 0 0-.658 0c-.399 0-.768.1-1.156.14a.27.27 0 0 0-.3.239a.3.3 0 0 0 .25.309q.504.193 1.026.328q.222.04.449.05q.229.015.458 0A4.2 4.2 0 0 0 12 23.624a.311.311 0 0 0-.13-.608z"/></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. CreativityIdeaBulbIcon.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.