Home/Libraries/SVG Logos (Iconify)/macos

SVG Logos (Iconify)

Macos

License: CC0-1.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 512 120"><path d="M0 118.067h20.077V65.834c0-10.302 6.772-17.787 16.448-17.787c9.352 0 15.158 5.875 15.158 15.372v54.646h19.512V65.35c0-10.221 6.611-17.304 16.286-17.304c9.837 0 15.32 5.956 15.32 16.419v53.601h20.076v-58.51c0-17.061-11.046-28.41-27.898-28.41c-12.336 0-22.494 6.6-26.608 17.143h-.484c-3.144-10.945-11.771-17.142-23.864-17.142c-11.61 0-20.64 6.519-24.35 16.418h-.403V32.757H0zm166.822-13.762c-8.708 0-14.513-4.427-14.513-11.429c0-6.76 5.563-11.106 15.239-11.75l19.753-1.207v6.519c0 10.302-9.11 17.867-20.479 17.867m-6.047 15.13c10.965 0 21.69-5.714 26.608-14.97h.403v13.602h19.35V59.315c0-17.143-13.787-28.33-34.992-28.33c-21.77 0-35.394 11.429-36.282 27.364h18.625c1.29-7.083 7.337-11.67 16.851-11.67c9.918 0 15.965 5.15 15.965 14.084v6.117l-22.577 1.287c-20.802 1.288-32.492 10.383-32.492 25.513c0 15.372 12.013 25.755 28.541 25.755m134.49-56.257c-1.37-17.947-15.32-32.193-37.894-32.193c-24.833 0-40.96 17.143-40.96 44.425c0 27.687 16.126 44.345 41.121 44.345c21.448 0 36.202-12.555 37.814-31.63h-18.948c-1.854 9.657-8.466 15.452-18.625 15.452c-12.739 0-20.962-10.302-20.962-28.169c0-17.545 8.143-28.169 20.801-28.169c10.724 0 17.093 6.841 18.706 15.936h18.947zM357.272 0c-33.944 0-55.23 23.098-55.23 60.04S323.325 120 357.271 120c33.863 0 55.15-23.018 55.15-59.96S391.136 0 357.271 0m0 17.706c20.72 0 33.943 16.418 33.943 42.334c0 25.834-13.223 42.253-33.943 42.253c-20.802 0-33.944-16.418-33.944-42.253c0-25.915 13.142-42.334 33.944-42.334m63.618 67.686c.887 21.41 18.464 34.608 45.232 34.608C494.262 120 512 106.157 512 84.104c0-17.303-9.998-27.041-33.622-32.433l-13.384-3.059c-14.27-3.38-20.157-7.887-20.157-15.613c0-9.658 8.87-16.096 22.012-16.096c13.303 0 22.413 6.519 23.381 17.384h19.835C509.58 13.844 492.649 0 467.01 0c-25.317 0-43.297 13.923-43.297 34.527c0 16.579 10.159 26.88 31.605 31.79l15.077 3.542c14.674 3.46 20.64 8.29 20.64 16.66c0 9.657-9.755 16.579-23.784 16.579c-14.19 0-24.913-7.002-26.203-17.706h-20.157"/></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. MacosIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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