Home/Libraries/Ultimate free icons (Iconify)/data-file-bars-edit-bold

Ultimate free icons (Iconify)

DataFileBarsEditBold

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="M11.5 10h1s.5 0 .5.5V13s0 .5-.5.5h-1s-.5 0-.5-.5v-2.5s0-.5.5-.5M15 5.5h1s.5 0 .5.5v7s0 .5-.5.5h-1s-.5 0-.5-.5V6s0-.5.5-.5m3.5 2h1s.5 0 .5.5v5s0 .5-.5.5h-1s-.5 0-.5-.5V8s0-.5.5-.5"/><path fill="#818cf8" d="M21 .59A2 2 0 0 0 19.59 0H8a2 2 0 0 0-2 2v9.07a.3.3 0 0 0 .07.18l1.5 1.5a.26.26 0 0 0 .43-.18V2.5a.5.5 0 0 1 .5-.5h10.88a.47.47 0 0 1 .35.15l2.12 2.12a.47.47 0 0 1 .15.35V18a.5.5 0 0 1-.5.5h-7.82a.25.25 0 0 0-.24.33c.16.44.36 1.16.45 1.49a.25.25 0 0 0 .24.18H22a2 2 0 0 0 2-2V4.42A2 2 0 0 0 23.41 3Zm-9.06 19.54l-2.81 2.81a.25.25 0 0 0 .13.42l3.14.64h.1a.47.47 0 0 0 .35-.15a.49.49 0 0 0 .15-.45l-.63-3.14a.25.25 0 0 0-.43-.13m-.79-1.68l-6.58-6.58A2.72 2.72 0 0 0 1 11.59a2.63 2.63 0 0 0-.2 3.88l6.68 6.68a.25.25 0 0 0 .36 0l3.35-3.35a.24.24 0 0 0-.04-.35"/></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. DataFileBarsEditBoldIcon.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.