Home/Libraries/Carbon (Iconify)/data-unreal

Carbon (Iconify)

DataUnreal

License: Apache-2.0Commercial Safe

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 32 32"><path fill="#818cf8" d="m16.496 18.132l-7-4a1 1 0 0 0-.992 0l-7 4A1 1 0 0 0 1 19v8a1 1 0 0 0 .504.868l7 4a1 1 0 0 0 .992 0l7-4A1 1 0 0 0 17 27v-8a1 1 0 0 0-.504-.868M9 16.152L13.984 19L9 21.848L4.016 19zm-6 4.571l5 2.857v5.697L3 26.42zm7 8.554V23.58l5-2.857v5.697zM28 19v5c0 1.103-.897 2-2 2h-3.172l1.586-1.586L23 23l-4 4l4 4l1.414-1.414L22.828 28H26c2.206 0 4-1.794 4-4v-5zm-10.496-3.989l-2-1.143A1 1 0 0 1 15 13v-2h2v1.42l1.496.855zm8-.593L24 15.277V13h-2v2.277l-1.504-.86l-.992 1.737l3 1.714a1 1 0 0 0 .992 0l3-1.714zm2.992.593l-.992-1.736L29 12.42V11h2v2a1 1 0 0 1-.504.868zm-3-6.285l-.992-1.737l-1.504.86l-1.504-.86l-.992 1.737L22 9.58V11h2V9.58zm5-4.594l-3-1.715l-.992 1.737l1.48.846l-1.48.846l.992 1.736L29 6.723V9h2V5a1 1 0 0 0-.504-.868m-5.992-1.121L23 2.151l-1.504.86l-.992-1.737l2-1.142a1 1 0 0 1 .992 0l2 1.143zm-5.008 1.143l-.992-1.736l-3 1.714A1 1 0 0 0 15 5v4h2V6.723l1.504.86l.992-1.737L18.016 5zM9 1L7.586 2.414L9.172 4H6C3.794 4 2 5.794 2 8v5h2V8c0-1.102.897-2 2-2h3.172L7.586 7.586L9 9l4-4z"/></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. DataUnrealIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.