Home/Libraries/Freehand free icons (Iconify)/power-supply-plug

Freehand free icons (Iconify)

PowerSupplyPlug

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="M3.014 16.905a2.14 2.14 0 0 1-.809.69c-.24.12-.5.22-.7.07c-.479-.33-.389-1-.2-1.59a12 12 0 0 1 1.55-3.077l.729-.949h.22c.482.182.942.42 1.368.71zm5.995 2.218a3.2 3.2 0 0 1-.999.87a.63.63 0 0 1-.73 0c-.609-.39-.449-1.11-.16-1.869a20 20 0 0 1 1.93-3.307c.429.22 1.258.74 1.718.999a16.7 16.7 0 0 1-1.849 3.307zm4.366-3.757a3.3 3.3 0 0 1-.38 1.35a7.9 7.9 0 0 1-1.378 1.997c-.1.09-.3.06-.63 0l-.32-.11q.697-1.355 1.19-2.797a.44.44 0 0 0-.19-.54s-1.659-.869-2.288-1.148c-.16-.07-.29-.12-.37-.12c-.21 0-.18-.35-2.158 2.607c-.19-.17-.37-.32-.55-.46s-.25-.18-.39-.26a2.6 2.6 0 0 0-.409-.209c-.18-.08-.37-.14-.58-.21c.5-1.119 1-2.298 1.09-2.458a.48.48 0 0 0 0-.48a1.9 1.9 0 0 0-.74-.599a6.3 6.3 0 0 0-1.648-.61a.55.55 0 0 0-.49.16l-.919 1.09l-.3.43l-.38-.33c-.17-.16-.26-.25-.28-.33a2.32 2.32 0 0 1 .58-1.749c.41-.599.93-1.138 1.38-1.198c.416.01.825.113 1.198.3c1.055.45 2.077.973 3.057 1.568q2.602 1.482 4.996 3.277c.38.38.82.83.82.83zm1.02-11.65l.31-.41a9.4 9.4 0 0 1 1.378-1.298c.302-.23.64-.408 1-.53a5 5 0 0 1 3.316.26a3.77 3.77 0 0 1 2.148 2.338a7 7 0 0 1 .08 3.627A8.14 8.14 0 0 1 21.06 11c-1 1.28-2.288 2.298-3.377 3.507c-.28.32-.56.65-.81 1c-.827.96-1.5 2.041-1.998 3.207a6.4 6.4 0 0 0-.43 2.577c.06 1.25 1 1.909 2.348 2.138c1.999.35 4.946-.19 6.744-.28a.35.35 0 0 0 .33-.37a.36.36 0 0 0-.36-.339c-1.748.05-4.645.52-6.554.13c-.869-.18-1.529-.51-1.548-1.319a5.64 5.64 0 0 1 .659-2.667a12.5 12.5 0 0 1 1.678-2.398c.24-.31.49-.6.76-.89c1.119-1.208 2.398-2.258 3.447-3.536a9.34 9.34 0 0 0 1.858-3.757a8 8 0 0 0-.2-4.227A4.73 4.73 0 0 0 20.81.88a5.94 5.94 0 0 0-3.927-.17a4 4 0 0 0-1.269.7c-.528.428-1.01.91-1.438 1.438l-.37.51c-.8 1.199-.32 1.648.59.36m-.39 10.891q-.3-.375-.66-.69A30.6 30.6 0 0 0 9.2 10.92a29 29 0 0 0-3.437-1.808c-2.548-1.11-3.547-.8-4.666 1.039a3.17 3.17 0 0 0-.56 2.488c.09.189.22.356.38.49q.27.257.57.479a8.4 8.4 0 0 0-1.4 2.798a2.08 2.08 0 0 0 .67 2.198a1.67 1.67 0 0 0 1.609.19a3.3 3.3 0 0 0 1.648-1.27c.1-.17.28-.509.48-.929l.14-.3q.174.192.37.36q.19.15.4.27l.429.2c.2.08.42.15.66.23q-.294.505-.48 1.059a2.1 2.1 0 0 0 .69 2.508a2 2 0 0 0 2.667-.49c.361-.381.677-.804.939-1.259q.421.2.88.29a1.13 1.13 0 0 0 .859-.16a8.8 8.8 0 0 0 1.698-2.188a4.3 4.3 0 0 0 .55-1.589a2.6 2.6 0 0 0-.29-.919"/><path fill="#818cf8" d="M12.666 4.945a9.8 9.8 0 0 0-1.998-.669a6.3 6.3 0 0 0-3.937.46a9.3 9.3 0 0 0-2.997 2.418c-.28.869 0 .889.839.18a8.2 8.2 0 0 1 2.528-1.72a5.26 5.26 0 0 1 3.307-.199c1.19.25 2.305.773 3.257 1.529a4.43 4.43 0 0 1 1.709 2.937a5.2 5.2 0 0 1-.28 2.348q-.218.646-.53 1.249c-.47.8 0 1.179.68.47q.393-.68.69-1.41a6 6 0 0 0 .459-2.747a5.3 5.3 0 0 0-1.999-3.747a7 7 0 0 0-1.189-.799z"/></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. PowerSupplyPlugIcon.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.