apple logo
apple from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- apple
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×315
- License
- CC0
The same logo in other sets
appleBootstrap IconsappleBoxicons BrandsappleCarbonappleCatppuccin IconsappleDeviconappleFont Awesome 6 BrandsappleHuge IconsappleIconoirappleJam IconsappleLine AwesomeappleLucideappleMage IconsappleMaterial Design Iconsapple-fillMingCute IconappleOpenMojiapplePixelarticonsapple-fillRemix IconappleSimple Iconsapple-darkSkill IconsappleTabler Iconsapple-outlineTeenyiconsappleUniconsappleUnicons Monochrome
Related icons in SVG Logos
Use the apple logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 315"><path d="M213.803 167.03c.442 47.58 41.74 63.413 42.197 63.615c-.35 1.116-6.599 22.563-21.757 44.716c-13.104 19.153-26.705 38.235-48.13 38.63c-21.05.388-27.82-12.483-51.888-12.483c-24.061 0-31.582 12.088-51.51 12.871c-20.68.783-36.428-20.71-49.64-39.793c-27-39.033-47.633-110.3-19.928-158.406c13.763-23.89 38.36-39.017 65.056-39.405c20.307-.387 39.475 13.662 51.889 13.662c12.406 0 35.699-16.895 60.186-14.414c10.25.427 39.026 4.14 57.503 31.186c-1.49.923-34.335 20.044-33.978 59.822M174.24 50.199c10.98-13.29 18.369-31.79 16.353-50.199c-15.826.636-34.962 10.546-46.314 23.828c-10.173 11.763-19.082 30.589-16.678 48.633c17.64 1.365 35.66-8.964 46.64-22.262"/></svg>
React
import type { SVGProps } from "react";
export function LogosApple(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 315"><path d="M213.803 167.03c.442 47.58 41.74 63.413 42.197 63.615c-.35 1.116-6.599 22.563-21.757 44.716c-13.104 19.153-26.705 38.235-48.13 38.63c-21.05.388-27.82-12.483-51.888-12.483c-24.061 0-31.582 12.088-51.51 12.871c-20.68.783-36.428-20.71-49.64-39.793c-27-39.033-47.633-110.3-19.928-158.406c13.763-23.89 38.36-39.017 65.056-39.405c20.307-.387 39.475 13.662 51.889 13.662c12.406 0 35.699-16.895 60.186-14.414c10.25.427 39.026 4.14 57.503 31.186c-1.49.923-34.335 20.044-33.978 59.822M174.24 50.199c10.98-13.29 18.369-31.79 16.353-50.199c-15.826.636-34.962 10.546-46.314 23.828c-10.173 11.763-19.082 30.589-16.678 48.633c17.64 1.365 35.66-8.964 46.64-22.262"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 315"><path d="M213.803 167.03c.442 47.58 41.74 63.413 42.197 63.615c-.35 1.116-6.599 22.563-21.757 44.716c-13.104 19.153-26.705 38.235-48.13 38.63c-21.05.388-27.82-12.483-51.888-12.483c-24.061 0-31.582 12.088-51.51 12.871c-20.68.783-36.428-20.71-49.64-39.793c-27-39.033-47.633-110.3-19.928-158.406c13.763-23.89 38.36-39.017 65.056-39.405c20.307-.387 39.475 13.662 51.889 13.662c12.406 0 35.699-16.895 60.186-14.414c10.25.427 39.026 4.14 57.503 31.186c-1.49.923-34.335 20.044-33.978 59.822M174.24 50.199c10.98-13.29 18.369-31.79 16.353-50.199c-15.826.636-34.962 10.546-46.314 23.828c-10.173 11.763-19.082 30.589-16.678 48.633c17.64 1.365 35.66-8.964 46.64-22.262"/></svg> </template>
CSS
.icon-apple {
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%20256%20315%22%3E%3Cpath%20d%3D%22M213.803%20167.03c.442%2047.58%2041.74%2063.413%2042.197%2063.615c-.35%201.116-6.599%2022.563-21.757%2044.716c-13.104%2019.153-26.705%2038.235-48.13%2038.63c-21.05.388-27.82-12.483-51.888-12.483c-24.061%200-31.582%2012.088-51.51%2012.871c-20.68.783-36.428-20.71-49.64-39.793c-27-39.033-47.633-110.3-19.928-158.406c13.763-23.89%2038.36-39.017%2065.056-39.405c20.307-.387%2039.475%2013.662%2051.889%2013.662c12.406%200%2035.699-16.895%2060.186-14.414c10.25.427%2039.026%204.14%2057.503%2031.186c-1.49.923-34.335%2020.044-33.978%2059.822M174.24%2050.199c10.98-13.29%2018.369-31.79%2016.353-50.199c-15.826.636-34.962%2010.546-46.314%2023.828c-10.173%2011.763-19.082%2030.589-16.678%2048.633c17.64%201.365%2035.66-8.964%2046.64-22.262%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%20256%20315%22%3E%3Cpath%20d%3D%22M213.803%20167.03c.442%2047.58%2041.74%2063.413%2042.197%2063.615c-.35%201.116-6.599%2022.563-21.757%2044.716c-13.104%2019.153-26.705%2038.235-48.13%2038.63c-21.05.388-27.82-12.483-51.888-12.483c-24.061%200-31.582%2012.088-51.51%2012.871c-20.68.783-36.428-20.71-49.64-39.793c-27-39.033-47.633-110.3-19.928-158.406c13.763-23.89%2038.36-39.017%2065.056-39.405c20.307-.387%2039.475%2013.662%2051.889%2013.662c12.406%200%2035.699-16.895%2060.186-14.414c10.25.427%2039.026%204.14%2057.503%2031.186c-1.49.923-34.335%2020.044-33.978%2059.822M174.24%2050.199c10.98-13.29%2018.369-31.79%2016.353-50.199c-15.826.636-34.962%2010.546-46.314%2023.828c-10.173%2011.763-19.082%2030.589-16.678%2048.633c17.64%201.365%2035.66-8.964%2046.64-22.262%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/apple.svg?color=%231a73e8&size=48
