Skip to content

Macos

The macOS icon represents the macOS operating system, a popular OS developed by Apple.

Add shadcn.io to your AI agent. · Pro It installs Macos, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 102 × 24 px

Macos icon from SVG Logos
Get Pro

2,063 in SVG LogosCC0 license (opens in a new tab)Free to copy and download

Code

Macos in your framework

In any framework. Customize it above, and the code follows.

export const MacosIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="102" height="24" viewBox="0 0 512 120" {...props}>
    <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>
);

Other libraries

Macos in 1 more libraries

Each library draws it its own way. Open one to compare.

  • Macos icon from Simple Icons

SVG Logos

Icons that share its tags, in the same style.

  • Macosx icon from SVG Logos
  • Cloudlinux icon from SVG Logos
  • Xata icon from SVG Logos
  • Xata Icon icon from SVG Logos
  • Debian icon from SVG Logos
  • Headlessui Icon icon from SVG Logos
  • Ios icon from SVG Logos
  • Loopback Icon icon from SVG Logos
  • Losant icon from SVG Logos
  • Lotus icon from SVG Logos
  • Lua icon from SVG Logos
  • Lucene icon from SVG Logos
  • Lucene Net icon from SVG Logos
  • Lumen icon from SVG Logos
  • Lynda icon from SVG Logos
  • Prerender Icon icon from SVG Logos
  • Prestashop Icon icon from SVG Logos
  • Presto icon from SVG Logos
  • Presto Icon icon from SVG Logos
  • Prettier icon from SVG Logos
  • Prisma icon from SVG Logos
  • Prismic icon from SVG Logos
  • Prismic Icon icon from SVG Logos
  • Processing icon from SVG Logos

Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.

Get Pro

Tags

Browse by tag

Macos is tagged interface, system, apple and 3 more. Related tags follow; each opens its icons from every library.

Pricing

SVG Logos MCP, with Pro

Ask for Macos or any of 2,063 SVG Logos icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Macos icon means and where it's used, then how to install, style and license it.

Install Macos from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro