Home/Libraries/Plump free icons (Iconify)/widget

Plump free icons (Iconify)

Widget

License: CC-BY-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 48 48"><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.317 6.457a3.375 3.375 0 0 1 3.14-3.14C8.466 3.16 11.592 3 16 3s7.534.16 9.543.317a3.375 3.375 0 0 1 3.14 3.14C28.84 8.466 29 11.592 29 16s-.16 7.534-.317 9.543a3.375 3.375 0 0 1-3.14 3.14C23.534 28.84 20.408 29 16 29s-7.534-.16-9.543-.317a3.375 3.375 0 0 1-3.14-3.14C3.16 23.534 3 20.408 3 16s.16-7.534.317-9.543m31.712 15.629c.055-1.708 1.349-3.002 3.057-3.057Q38.91 19.001 40 19q1.089.001 1.914.029c1.708.055 3.002 1.349 3.057 3.057q.028.824.029 1.914q-.001 1.089-.029 1.914c-.055 1.708-1.349 3.002-3.057 3.057Q41.09 28.999 40 29q-1.089-.001-1.914-.029c-1.708-.055-3.002-1.349-3.057-3.057A60 60 0 0 1 35 24q.001-1.089.029-1.914M3.303 37.084c.282-1.217 1.425-1.874 2.674-1.905C8.755 35.109 14.558 35 24 35s15.245.108 18.023.179c1.249.032 2.392.688 2.674 1.905c.17.733.303 1.697.303 2.916s-.134 2.183-.303 2.916c-.282 1.217-1.425 1.874-2.674 1.905c-2.778.07-8.581.179-18.023.179s-15.245-.108-18.023-.179c-1.249-.032-2.392-.688-2.674-1.905C3.133 42.183 3 41.219 3 40s.134-2.183.303-2.916M35.029 6.086c.055-1.708 1.349-3.002 3.057-3.057Q38.91 3.001 40 3q1.089.001 1.914.029c1.708.055 3.002 1.349 3.057 3.057Q44.999 6.91 45 8c.001 1.09-.011 1.363-.029 1.914c-.055 1.708-1.349 3.002-3.057 3.057Q41.09 12.999 40 13q-1.089-.001-1.914-.029c-1.708-.055-3.002-1.349-3.057-3.057Q35.001 9.09 35 8c-.001-1.09.011-1.363.029-1.914"/></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. WidgetIcon.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.