Home/Libraries/Carbon (Iconify)/apple-dash

Carbon (Iconify)

AppleDash

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="M7.083 11.671L5.408 10.58C4.5 11.967 4.015 13.809 4 15.905l2 .014c.012-1.712.386-3.18 1.082-4.248m-.997 6.145l-1.99.194c.188 1.938.659 3.674 1.398 5.159l1.79-.891c-.63-1.266-1.033-2.768-1.198-4.461m2.153 5.979l-1.569 1.24c1.333 1.687 3.097 2.758 4.84 2.938l.206-1.99c-1.191-.123-2.491-.94-3.477-2.188M16 25c-.733 0-1.478.271-2.199.533q-.27.1-.547.194l.643 1.894q.296-.1.588-.209C15.042 27.21 15.619 27 16 27c.38 0 .957.21 1.515.412q.27.1.546.195l.648-1.892q-.256-.089-.51-.182c-.721-.262-1.466-.533-2.2-.533Zm4.255.988l.185 1.992c1.746-.164 3.518-1.223 4.862-2.908l-1.563-1.247c-.992 1.243-2.295 2.052-3.484 2.163m4.445-3.676l1.787.897c.745-1.483 1.221-3.218 1.414-5.156l-1.99-.199c-.169 1.694-.576 3.194-1.21 4.458M28 15.95c-.008-2.095-.485-3.937-1.382-5.332L24.936 11.7c.69 1.073 1.058 2.544 1.064 4.256zM20 4h-1a2 2 0 0 0-2 2v1h1a2 2 0 0 0 2-2z"/><path fill="#818cf8" d="m23.813 10.53l1.103-1.667A5.2 5.2 0 0 0 22 8c-1.415 0-2.417.288-3.301.542c-.577.166-1.137.32-1.798.4C16.399 6.138 13.947 4 11 4v2c1.822 0 3.346 1.232 3.827 2.901a13 13 0 0 1-1.526-.359C12.417 8.288 11.416 8 10 8c-1.07 0-2.05.29-2.916.863l1.103 1.668A3.23 3.23 0 0 1 10 10c1.134 0 1.918.226 2.749.464c.917.264 1.865.536 3.25.536s2.335-.273 3.252-.536C20.081 10.226 20.866 10 22 10c.67 0 1.28.179 1.812.53"/></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. AppleDashIcon.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.