Home/Libraries/Freehand free icons (Iconify)/charging-battery-flash-connected

Freehand free icons (Iconify)

ChargingBatteryFlashConnected

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.986 11.795a16 16 0 0 0-.3-2.798a1.73 1.73 0 0 0-.45-.919a2 2 0 0 0-.769-.36a14 14 0 0 0-1.548-.23a1.33 1.33 0 0 1-.68-.21c-.11-.099-.11-.349-.14-.618a6.7 6.7 0 0 0-.28-1.52c-.096-.266-.27-.5-.499-.668a2.6 2.6 0 0 0-1.059-.41a15 15 0 0 0-2.328 0a.34.34 0 0 0-.34.33a.35.35 0 0 0 .34.35a19 19 0 0 1 1.899.06c.358.032.702.156.999.359c.18.13.22.41.27.7q.045.84.2 1.668c.047.17.132.327.249.46c.217.2.482.341.77.409c2.137.63 2.097 0 2.287.999c.161 1.038.234 2.087.22 3.137a12 12 0 0 1-.11 1.798c-.01.177-.055.35-.13.51c-.22.191-.498.3-.79.31a7.3 7.3 0 0 0-1.308.28a2.1 2.1 0 0 0-.7.369a1.3 1.3 0 0 0-.459.86c-.08.459 0 1.068-.07 1.578c0 .25-.07.48-.26.59c-.366.208-.77.343-1.188.399q-.996.114-1.999.1a.3.3 0 0 0 0 .6q1.066.06 2.128 0a4 4 0 0 0 1.46-.41c.285-.146.504-.396.609-.7a6.6 6.6 0 0 0 .22-1.648c0-.26 0-.49.18-.6a2.2 2.2 0 0 1 .998-.3q.652-.083 1.28-.28a1.67 1.67 0 0 0 .768-.509c.182-.26.305-.556.36-.869c.156-.93.213-1.875.17-2.817M6.502 19.368q-2.002.045-3.996-.15a1.84 1.84 0 0 1-1.199-.51s0-.15-.05-.27c-.06-.419-.09-1.068-.11-1.778v-6.634q0-1.059-.06-2.158a7 7 0 0 1 0-1.508a1.35 1.35 0 0 1 .29-.73a2 2 0 0 1 .9-.559c.6-.15 1.218-.217 1.837-.2l2.718-.08a.29.29 0 0 0 .3-.29a.29.29 0 0 0-.29-.3l-2.708-.07a7.3 7.3 0 0 0-2.078.12c-.51.12-.977.38-1.348.75c-.301.331-.505.74-.59 1.179a8 8 0 0 0-.11 1.718v5.355c0 .64.06 2.578.18 3.997c.011.659.136 1.311.37 1.928a2.6 2.6 0 0 0 1.858.84c1.36.079 2.725.079 4.086 0a.34.34 0 0 0 .34-.34a.34.34 0 0 0-.34-.31"/><path d="M18.501 10.326a1.61 1.61 0 0 0-1.199-.76a29 29 0 0 0-3.257-.439h-.49a4 4 0 0 1 0-.42c0-1.458.15-4.835.08-6.344a2.7 2.7 0 0 0-.12-.829c-.06-.13-.23-.39-.619-.12a5.5 5.5 0 0 0-.69.65C10.939 3.343 8.42 6.4 6.493 8.808a120 120 0 0 0-2.328 2.997q-.135.185-.24.39a.47.47 0 0 0 0 .519a.63.63 0 0 0 .3.22q.54.152 1.1.19c1.228.12 3.206.14 3.916.17v.359c0 1.728-.21 5.705-.3 7.523v.84a.67.67 0 0 0 .36.649a.6.6 0 0 0 .639-.14q.27-.255.51-.54a97 97 0 0 0 4.056-5.175a57 57 0 0 0 3.736-5.465c.197-.302.289-.66.26-1.019m-1.399 1.06c-1.408 2.227-5.115 6.993-6.993 9.19c0-1.098.12-2.607.17-3.996s.07-2.767 0-3.387q.021-.225 0-.45a.54.54 0 0 0-.33-.399a2.4 2.4 0 0 0-.68-.07c-.998 0-3.097 0-4.196-.14l.4-.569c1.589-2.208 5.245-6.994 6.994-8.902c.17-.19.32-.41.45-.58a.5.5 0 0 1 0 .12c.05 1.19-.14 3.887-.19 5.615q-.056.744 0 1.489a.6.6 0 0 0 .22.41c.204.11.428.177.659.2c.849.14 2.547.28 3.536.559q.184.07.34.19c-.07.18-.22.46-.38.72"/></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. ChargingBatteryFlashConnectedIcon.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.