Macos icon

logos:macos

The Macos icon (logos:macos) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 120 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 120
Tags: maco

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="120" 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>

How to use the Macos icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:macos" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:macos" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:macos" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--macos]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:macos"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:macos"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/macos.svg" alt="Macos icon" width="24" height="24">

Macos icon in other icon sets

Macos icon FAQ

Is the Macos icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Macos icon in React?

Install @iconify/react and render <Icon icon="logos:macos" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Macos icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/macos.svg" alt="Macos icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →