macos logo
macos from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- macos
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×120
- License
- CC0
The same logo in other sets
Use the macos logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function LogosMacos(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-macos {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20120%22%3E%3Cpath%20d%3D%22M0%20118.067h20.077V65.834c0-10.302%206.772-17.787%2016.448-17.787c9.352%200%2015.158%205.875%2015.158%2015.372v54.646h19.512V65.35c0-10.221%206.611-17.304%2016.286-17.304c9.837%200%2015.32%205.956%2015.32%2016.419v53.601h20.076v-58.51c0-17.061-11.046-28.41-27.898-28.41c-12.336%200-22.494%206.6-26.608%2017.143h-.484c-3.144-10.945-11.771-17.142-23.864-17.142c-11.61%200-20.64%206.519-24.35%2016.418h-.403V32.757H0zm166.822-13.762c-8.708%200-14.513-4.427-14.513-11.429c0-6.76%205.563-11.106%2015.239-11.75l19.753-1.207v6.519c0%2010.302-9.11%2017.867-20.479%2017.867m-6.047%2015.13c10.965%200%2021.69-5.714%2026.608-14.97h.403v13.602h19.35V59.315c0-17.143-13.787-28.33-34.992-28.33c-21.77%200-35.394%2011.429-36.282%2027.364h18.625c1.29-7.083%207.337-11.67%2016.851-11.67c9.918%200%2015.965%205.15%2015.965%2014.084v6.117l-22.577%201.287c-20.802%201.288-32.492%2010.383-32.492%2025.513c0%2015.372%2012.013%2025.755%2028.541%2025.755m134.49-56.257c-1.37-17.947-15.32-32.193-37.894-32.193c-24.833%200-40.96%2017.143-40.96%2044.425c0%2027.687%2016.126%2044.345%2041.121%2044.345c21.448%200%2036.202-12.555%2037.814-31.63h-18.948c-1.854%209.657-8.466%2015.452-18.625%2015.452c-12.739%200-20.962-10.302-20.962-28.169c0-17.545%208.143-28.169%2020.801-28.169c10.724%200%2017.093%206.841%2018.706%2015.936h18.947zM357.272%200c-33.944%200-55.23%2023.098-55.23%2060.04S323.325%20120%20357.271%20120c33.863%200%2055.15-23.018%2055.15-59.96S391.136%200%20357.271%200m0%2017.706c20.72%200%2033.943%2016.418%2033.943%2042.334c0%2025.834-13.223%2042.253-33.943%2042.253c-20.802%200-33.944-16.418-33.944-42.253c0-25.915%2013.142-42.334%2033.944-42.334m63.618%2067.686c.887%2021.41%2018.464%2034.608%2045.232%2034.608C494.262%20120%20512%20106.157%20512%2084.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%208.87-16.096%2022.012-16.096c13.303%200%2022.413%206.519%2023.381%2017.384h19.835C509.58%2013.844%20492.649%200%20467.01%200c-25.317%200-43.297%2013.923-43.297%2034.527c0%2016.579%2010.159%2026.88%2031.605%2031.79l15.077%203.542c14.674%203.46%2020.64%208.29%2020.64%2016.66c0%209.657-9.755%2016.579-23.784%2016.579c-14.19%200-24.913-7.002-26.203-17.706h-20.157%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20120%22%3E%3Cpath%20d%3D%22M0%20118.067h20.077V65.834c0-10.302%206.772-17.787%2016.448-17.787c9.352%200%2015.158%205.875%2015.158%2015.372v54.646h19.512V65.35c0-10.221%206.611-17.304%2016.286-17.304c9.837%200%2015.32%205.956%2015.32%2016.419v53.601h20.076v-58.51c0-17.061-11.046-28.41-27.898-28.41c-12.336%200-22.494%206.6-26.608%2017.143h-.484c-3.144-10.945-11.771-17.142-23.864-17.142c-11.61%200-20.64%206.519-24.35%2016.418h-.403V32.757H0zm166.822-13.762c-8.708%200-14.513-4.427-14.513-11.429c0-6.76%205.563-11.106%2015.239-11.75l19.753-1.207v6.519c0%2010.302-9.11%2017.867-20.479%2017.867m-6.047%2015.13c10.965%200%2021.69-5.714%2026.608-14.97h.403v13.602h19.35V59.315c0-17.143-13.787-28.33-34.992-28.33c-21.77%200-35.394%2011.429-36.282%2027.364h18.625c1.29-7.083%207.337-11.67%2016.851-11.67c9.918%200%2015.965%205.15%2015.965%2014.084v6.117l-22.577%201.287c-20.802%201.288-32.492%2010.383-32.492%2025.513c0%2015.372%2012.013%2025.755%2028.541%2025.755m134.49-56.257c-1.37-17.947-15.32-32.193-37.894-32.193c-24.833%200-40.96%2017.143-40.96%2044.425c0%2027.687%2016.126%2044.345%2041.121%2044.345c21.448%200%2036.202-12.555%2037.814-31.63h-18.948c-1.854%209.657-8.466%2015.452-18.625%2015.452c-12.739%200-20.962-10.302-20.962-28.169c0-17.545%208.143-28.169%2020.801-28.169c10.724%200%2017.093%206.841%2018.706%2015.936h18.947zM357.272%200c-33.944%200-55.23%2023.098-55.23%2060.04S323.325%20120%20357.271%20120c33.863%200%2055.15-23.018%2055.15-59.96S391.136%200%20357.271%200m0%2017.706c20.72%200%2033.943%2016.418%2033.943%2042.334c0%2025.834-13.223%2042.253-33.943%2042.253c-20.802%200-33.944-16.418-33.944-42.253c0-25.915%2013.142-42.334%2033.944-42.334m63.618%2067.686c.887%2021.41%2018.464%2034.608%2045.232%2034.608C494.262%20120%20512%20106.157%20512%2084.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%208.87-16.096%2022.012-16.096c13.303%200%2022.413%206.519%2023.381%2017.384h19.835C509.58%2013.844%20492.649%200%20467.01%200c-25.317%200-43.297%2013.923-43.297%2034.527c0%2016.579%2010.159%2026.88%2031.605%2031.79l15.077%203.542c14.674%203.46%2020.64%208.29%2020.64%2016.66c0%209.657-9.755%2016.579-23.784%2016.579c-14.19%200-24.913-7.002-26.203-17.706h-20.157%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/macos.svg?color=%231a73e8&size=48
