macos logo
macos from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- macos
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
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 24 24"><path fill="currentColor" d="M0 14.727h.941v-2.453c0-.484.318-.835.771-.835c.439 0 .71.276.71.722v2.566h.915V12.25c0-.48.31-.812.764-.812c.46 0 .718.28.718.77v2.518h.94v-2.748c0-.801-.517-1.334-1.307-1.334c-.578 0-1.054.31-1.247.805h-.023c-.147-.514-.552-.805-1.118-.805c-.545 0-.968.306-1.142.771H.903v-.695H0v4.006zm7.82-.646c-.408 0-.68-.208-.68-.537c0-.318.26-.522.714-.552l.926-.057v.307c0 .483-.427.839-.96.839m-.284.71c.514 0 1.017-.268 1.248-.703h.018v.639h.908v-2.76c0-.804-.647-1.33-1.64-1.33c-1.021 0-1.66.537-1.701 1.285h.873c.06-.332.344-.548.79-.548c.464 0 .748.242.748.662v.287l-1.058.06c-.976.061-1.524.488-1.524 1.199c0 .721.564 1.209 1.338 1.209m6.305-2.642c-.065-.843-.719-1.512-1.777-1.512c-1.164 0-1.92.805-1.92 2.087c0 1.3.756 2.082 1.928 2.082c1.005 0 1.697-.59 1.772-1.485h-.888c-.087.453-.397.725-.873.725c-.597 0-.982-.483-.982-1.322c0-.824.381-1.323.975-1.323c.502 0 .8.321.876.748zm2.906-2.967c-1.591 0-2.589 1.085-2.589 2.82s.998 2.816 2.59 2.816c1.586 0 2.584-1.081 2.584-2.816s-.997-2.82-2.585-2.82m0 .832c.971 0 1.591.77 1.591 1.988c0 1.213-.62 1.984-1.59 1.984c-.976 0-1.592-.77-1.592-1.984c0-1.217.616-1.988 1.591-1.988m2.982 3.178c.042 1.006.866 1.626 2.12 1.626c1.32 0 2.151-.65 2.151-1.686c0-.813-.469-1.27-1.576-1.523l-.627-.144c-.67-.158-.945-.37-.945-.733c0-.453.415-.756 1.032-.756c.623 0 1.05.306 1.096.817h.93c-.023-.96-.817-1.61-2.019-1.61c-1.187 0-2.03.653-2.03 1.62c0 .78.477 1.263 1.482 1.494l.707.166c.688.163.967.39.967.782c0 .454-.457.779-1.115.779c-.665 0-1.167-.329-1.228-.832z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsMacos(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 14.727h.941v-2.453c0-.484.318-.835.771-.835c.439 0 .71.276.71.722v2.566h.915V12.25c0-.48.31-.812.764-.812c.46 0 .718.28.718.77v2.518h.94v-2.748c0-.801-.517-1.334-1.307-1.334c-.578 0-1.054.31-1.247.805h-.023c-.147-.514-.552-.805-1.118-.805c-.545 0-.968.306-1.142.771H.903v-.695H0v4.006zm7.82-.646c-.408 0-.68-.208-.68-.537c0-.318.26-.522.714-.552l.926-.057v.307c0 .483-.427.839-.96.839m-.284.71c.514 0 1.017-.268 1.248-.703h.018v.639h.908v-2.76c0-.804-.647-1.33-1.64-1.33c-1.021 0-1.66.537-1.701 1.285h.873c.06-.332.344-.548.79-.548c.464 0 .748.242.748.662v.287l-1.058.06c-.976.061-1.524.488-1.524 1.199c0 .721.564 1.209 1.338 1.209m6.305-2.642c-.065-.843-.719-1.512-1.777-1.512c-1.164 0-1.92.805-1.92 2.087c0 1.3.756 2.082 1.928 2.082c1.005 0 1.697-.59 1.772-1.485h-.888c-.087.453-.397.725-.873.725c-.597 0-.982-.483-.982-1.322c0-.824.381-1.323.975-1.323c.502 0 .8.321.876.748zm2.906-2.967c-1.591 0-2.589 1.085-2.589 2.82s.998 2.816 2.59 2.816c1.586 0 2.584-1.081 2.584-2.816s-.997-2.82-2.585-2.82m0 .832c.971 0 1.591.77 1.591 1.988c0 1.213-.62 1.984-1.59 1.984c-.976 0-1.592-.77-1.592-1.984c0-1.217.616-1.988 1.591-1.988m2.982 3.178c.042 1.006.866 1.626 2.12 1.626c1.32 0 2.151-.65 2.151-1.686c0-.813-.469-1.27-1.576-1.523l-.627-.144c-.67-.158-.945-.37-.945-.733c0-.453.415-.756 1.032-.756c.623 0 1.05.306 1.096.817h.93c-.023-.96-.817-1.61-2.019-1.61c-1.187 0-2.03.653-2.03 1.62c0 .78.477 1.263 1.482 1.494l.707.166c.688.163.967.39.967.782c0 .454-.457.779-1.115.779c-.665 0-1.167-.329-1.228-.832z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 14.727h.941v-2.453c0-.484.318-.835.771-.835c.439 0 .71.276.71.722v2.566h.915V12.25c0-.48.31-.812.764-.812c.46 0 .718.28.718.77v2.518h.94v-2.748c0-.801-.517-1.334-1.307-1.334c-.578 0-1.054.31-1.247.805h-.023c-.147-.514-.552-.805-1.118-.805c-.545 0-.968.306-1.142.771H.903v-.695H0v4.006zm7.82-.646c-.408 0-.68-.208-.68-.537c0-.318.26-.522.714-.552l.926-.057v.307c0 .483-.427.839-.96.839m-.284.71c.514 0 1.017-.268 1.248-.703h.018v.639h.908v-2.76c0-.804-.647-1.33-1.64-1.33c-1.021 0-1.66.537-1.701 1.285h.873c.06-.332.344-.548.79-.548c.464 0 .748.242.748.662v.287l-1.058.06c-.976.061-1.524.488-1.524 1.199c0 .721.564 1.209 1.338 1.209m6.305-2.642c-.065-.843-.719-1.512-1.777-1.512c-1.164 0-1.92.805-1.92 2.087c0 1.3.756 2.082 1.928 2.082c1.005 0 1.697-.59 1.772-1.485h-.888c-.087.453-.397.725-.873.725c-.597 0-.982-.483-.982-1.322c0-.824.381-1.323.975-1.323c.502 0 .8.321.876.748zm2.906-2.967c-1.591 0-2.589 1.085-2.589 2.82s.998 2.816 2.59 2.816c1.586 0 2.584-1.081 2.584-2.816s-.997-2.82-2.585-2.82m0 .832c.971 0 1.591.77 1.591 1.988c0 1.213-.62 1.984-1.59 1.984c-.976 0-1.592-.77-1.592-1.984c0-1.217.616-1.988 1.591-1.988m2.982 3.178c.042 1.006.866 1.626 2.12 1.626c1.32 0 2.151-.65 2.151-1.686c0-.813-.469-1.27-1.576-1.523l-.627-.144c-.67-.158-.945-.37-.945-.733c0-.453.415-.756 1.032-.756c.623 0 1.05.306 1.096.817h.93c-.023-.96-.817-1.61-2.019-1.61c-1.187 0-2.03.653-2.03 1.62c0 .78.477 1.263 1.482 1.494l.707.166c.688.163.967.39.967.782c0 .454-.457.779-1.115.779c-.665 0-1.167-.329-1.228-.832z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%2014.727h.941v-2.453c0-.484.318-.835.771-.835c.439%200%20.71.276.71.722v2.566h.915V12.25c0-.48.31-.812.764-.812c.46%200%20.718.28.718.77v2.518h.94v-2.748c0-.801-.517-1.334-1.307-1.334c-.578%200-1.054.31-1.247.805h-.023c-.147-.514-.552-.805-1.118-.805c-.545%200-.968.306-1.142.771H.903v-.695H0v4.006zm7.82-.646c-.408%200-.68-.208-.68-.537c0-.318.26-.522.714-.552l.926-.057v.307c0%20.483-.427.839-.96.839m-.284.71c.514%200%201.017-.268%201.248-.703h.018v.639h.908v-2.76c0-.804-.647-1.33-1.64-1.33c-1.021%200-1.66.537-1.701%201.285h.873c.06-.332.344-.548.79-.548c.464%200%20.748.242.748.662v.287l-1.058.06c-.976.061-1.524.488-1.524%201.199c0%20.721.564%201.209%201.338%201.209m6.305-2.642c-.065-.843-.719-1.512-1.777-1.512c-1.164%200-1.92.805-1.92%202.087c0%201.3.756%202.082%201.928%202.082c1.005%200%201.697-.59%201.772-1.485h-.888c-.087.453-.397.725-.873.725c-.597%200-.982-.483-.982-1.322c0-.824.381-1.323.975-1.323c.502%200%20.8.321.876.748zm2.906-2.967c-1.591%200-2.589%201.085-2.589%202.82s.998%202.816%202.59%202.816c1.586%200%202.584-1.081%202.584-2.816s-.997-2.82-2.585-2.82m0%20.832c.971%200%201.591.77%201.591%201.988c0%201.213-.62%201.984-1.59%201.984c-.976%200-1.592-.77-1.592-1.984c0-1.217.616-1.988%201.591-1.988m2.982%203.178c.042%201.006.866%201.626%202.12%201.626c1.32%200%202.151-.65%202.151-1.686c0-.813-.469-1.27-1.576-1.523l-.627-.144c-.67-.158-.945-.37-.945-.733c0-.453.415-.756%201.032-.756c.623%200%201.05.306%201.096.817h.93c-.023-.96-.817-1.61-2.019-1.61c-1.187%200-2.03.653-2.03%201.62c0%20.78.477%201.263%201.482%201.494l.707.166c.688.163.967.39.967.782c0%20.454-.457.779-1.115.779c-.665%200-1.167-.329-1.228-.832z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%2014.727h.941v-2.453c0-.484.318-.835.771-.835c.439%200%20.71.276.71.722v2.566h.915V12.25c0-.48.31-.812.764-.812c.46%200%20.718.28.718.77v2.518h.94v-2.748c0-.801-.517-1.334-1.307-1.334c-.578%200-1.054.31-1.247.805h-.023c-.147-.514-.552-.805-1.118-.805c-.545%200-.968.306-1.142.771H.903v-.695H0v4.006zm7.82-.646c-.408%200-.68-.208-.68-.537c0-.318.26-.522.714-.552l.926-.057v.307c0%20.483-.427.839-.96.839m-.284.71c.514%200%201.017-.268%201.248-.703h.018v.639h.908v-2.76c0-.804-.647-1.33-1.64-1.33c-1.021%200-1.66.537-1.701%201.285h.873c.06-.332.344-.548.79-.548c.464%200%20.748.242.748.662v.287l-1.058.06c-.976.061-1.524.488-1.524%201.199c0%20.721.564%201.209%201.338%201.209m6.305-2.642c-.065-.843-.719-1.512-1.777-1.512c-1.164%200-1.92.805-1.92%202.087c0%201.3.756%202.082%201.928%202.082c1.005%200%201.697-.59%201.772-1.485h-.888c-.087.453-.397.725-.873.725c-.597%200-.982-.483-.982-1.322c0-.824.381-1.323.975-1.323c.502%200%20.8.321.876.748zm2.906-2.967c-1.591%200-2.589%201.085-2.589%202.82s.998%202.816%202.59%202.816c1.586%200%202.584-1.081%202.584-2.816s-.997-2.82-2.585-2.82m0%20.832c.971%200%201.591.77%201.591%201.988c0%201.213-.62%201.984-1.59%201.984c-.976%200-1.592-.77-1.592-1.984c0-1.217.616-1.988%201.591-1.988m2.982%203.178c.042%201.006.866%201.626%202.12%201.626c1.32%200%202.151-.65%202.151-1.686c0-.813-.469-1.27-1.576-1.523l-.627-.144c-.67-.158-.945-.37-.945-.733c0-.453.415-.756%201.032-.756c.623%200%201.05.306%201.096.817h.93c-.023-.96-.817-1.61-2.019-1.61c-1.187%200-2.03.653-2.03%201.62c0%20.78.477%201.263%201.482%201.494l.707.166c.688.163.967.39.967.782c0%20.454-.457.779-1.115.779c-.665%200-1.167-.329-1.228-.832z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/macos.svg?color=%231a73e8&size=48
