logo apple icon
logo-apple from TDesign Icons by TDesign · Outline · MIT Free for personal and commercial use.
- Name
- logo-apple
- Set
- TDesign Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
The same icon in other sets
Related icons in TDesign Icons
logo-adobe-illustratelogo-adobe-lightroomlogo-adobe-photoshoplogo-alipaylogo-androidlogo-behancelogo-chromelogo-cinema4dlogo-cnblogo-codepenlogo-codesandboxlogo-codesignlogo-dribbblelogo-facebooklogo-figmalogo-framerlogo-githublogo-gitlablogo-hiflowlogo-ielogo-instagramlogo-iwikilogo-markdownlogo-miniprogram
Use the logo apple icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGG5WACb1u" d="M12.863 3.988h.05a2.5 2.5 0 0 0 2.5-2.5v-.05h-.05a2.5 2.5 0 0 0-2.5 2.5z"/></defs><g fill="none"><use href="#SVGG5WACb1u"/><path d="M20.287 8.1c-.937-1.309-2.46-1.986-4.046-2.09c-1.107-.08-2.11.284-2.916.587c-.416.156-.871.372-1.324.372c-.474 0-.944-.215-1.38-.38c-.77-.291-1.556-.56-2.39-.53c-1.829.065-3.497 1.07-4.444 2.644c-2.335 3.87-.151 9.684 2.947 12.456c.573.513 1.211.86 1.938.84c1.267-.055 2.337-.868 3.627-.868s2.369.861 3.65.833c2.586-.042 4.196-3.61 4.9-5.623c-1.743-.708-2.932-2.323-2.954-4.235c-.02-1.668.987-3.172 2.392-4.006" clip-rule="evenodd"/><g stroke="currentColor" stroke-width="2"><path d="M20.287 8.1c-.937-1.309-2.46-1.986-4.046-2.09c-1.107-.08-2.11.284-2.916.587c-.416.156-.871.372-1.324.372c-.474 0-.944-.214-1.38-.38c-.77-.291-1.556-.56-2.39-.53c-1.829.065-3.497 1.07-4.444 2.644c-2.335 3.87-.151 9.684 2.947 12.456c.573.513 1.211.86 1.938.84c1.267-.055 2.337-.868 3.627-.868s2.369.861 3.65.833c2.586-.042 4.196-3.61 4.9-5.623c-1.743-.708-2.932-2.323-2.954-4.235c-.02-1.668.987-3.172 2.392-4.006Z" clip-rule="evenodd"/><use href="#SVGG5WACb1u"/></g></g></svg>
React
import type { SVGProps } from "react";
export function TdesignLogoApple(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGG5WACb1u" d="M12.863 3.988h.05a2.5 2.5 0 0 0 2.5-2.5v-.05h-.05a2.5 2.5 0 0 0-2.5 2.5z"/></defs><g fill="none"><use href="#SVGG5WACb1u"/><path d="M20.287 8.1c-.937-1.309-2.46-1.986-4.046-2.09c-1.107-.08-2.11.284-2.916.587c-.416.156-.871.372-1.324.372c-.474 0-.944-.215-1.38-.38c-.77-.291-1.556-.56-2.39-.53c-1.829.065-3.497 1.07-4.444 2.644c-2.335 3.87-.151 9.684 2.947 12.456c.573.513 1.211.86 1.938.84c1.267-.055 2.337-.868 3.627-.868s2.369.861 3.65.833c2.586-.042 4.196-3.61 4.9-5.623c-1.743-.708-2.932-2.323-2.954-4.235c-.02-1.668.987-3.172 2.392-4.006" clipRule="evenodd"/><g stroke="currentColor" strokeWidth="2"><path d="M20.287 8.1c-.937-1.309-2.46-1.986-4.046-2.09c-1.107-.08-2.11.284-2.916.587c-.416.156-.871.372-1.324.372c-.474 0-.944-.214-1.38-.38c-.77-.291-1.556-.56-2.39-.53c-1.829.065-3.497 1.07-4.444 2.644c-2.335 3.87-.151 9.684 2.947 12.456c.573.513 1.211.86 1.938.84c1.267-.055 2.337-.868 3.627-.868s2.369.861 3.65.833c2.586-.042 4.196-3.61 4.9-5.623c-1.743-.708-2.932-2.323-2.954-4.235c-.02-1.668.987-3.172 2.392-4.006Z" clipRule="evenodd"/><use href="#SVGG5WACb1u"/></g></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGG5WACb1u" d="M12.863 3.988h.05a2.5 2.5 0 0 0 2.5-2.5v-.05h-.05a2.5 2.5 0 0 0-2.5 2.5z"/></defs><g fill="none"><use href="#SVGG5WACb1u"/><path d="M20.287 8.1c-.937-1.309-2.46-1.986-4.046-2.09c-1.107-.08-2.11.284-2.916.587c-.416.156-.871.372-1.324.372c-.474 0-.944-.215-1.38-.38c-.77-.291-1.556-.56-2.39-.53c-1.829.065-3.497 1.07-4.444 2.644c-2.335 3.87-.151 9.684 2.947 12.456c.573.513 1.211.86 1.938.84c1.267-.055 2.337-.868 3.627-.868s2.369.861 3.65.833c2.586-.042 4.196-3.61 4.9-5.623c-1.743-.708-2.932-2.323-2.954-4.235c-.02-1.668.987-3.172 2.392-4.006" clip-rule="evenodd"/><g stroke="currentColor" stroke-width="2"><path d="M20.287 8.1c-.937-1.309-2.46-1.986-4.046-2.09c-1.107-.08-2.11.284-2.916.587c-.416.156-.871.372-1.324.372c-.474 0-.944-.214-1.38-.38c-.77-.291-1.556-.56-2.39-.53c-1.829.065-3.497 1.07-4.444 2.644c-2.335 3.87-.151 9.684 2.947 12.456c.573.513 1.211.86 1.938.84c1.267-.055 2.337-.868 3.627-.868s2.369.861 3.65.833c2.586-.042 4.196-3.61 4.9-5.623c-1.743-.708-2.932-2.323-2.954-4.235c-.02-1.668.987-3.172 2.392-4.006Z" clip-rule="evenodd"/><use href="#SVGG5WACb1u"/></g></g></svg> </template>
CSS
.icon-logo-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%2024%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGG5WACb1u%22%20d%3D%22M12.863%203.988h.05a2.5%202.5%200%200%200%202.5-2.5v-.05h-.05a2.5%202.5%200%200%200-2.5%202.5z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cuse%20href%3D%22%23SVGG5WACb1u%22%2F%3E%3Cpath%20d%3D%22M20.287%208.1c-.937-1.309-2.46-1.986-4.046-2.09c-1.107-.08-2.11.284-2.916.587c-.416.156-.871.372-1.324.372c-.474%200-.944-.215-1.38-.38c-.77-.291-1.556-.56-2.39-.53c-1.829.065-3.497%201.07-4.444%202.644c-2.335%203.87-.151%209.684%202.947%2012.456c.573.513%201.211.86%201.938.84c1.267-.055%202.337-.868%203.627-.868s2.369.861%203.65.833c2.586-.042%204.196-3.61%204.9-5.623c-1.743-.708-2.932-2.323-2.954-4.235c-.02-1.668.987-3.172%202.392-4.006%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cg%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M20.287%208.1c-.937-1.309-2.46-1.986-4.046-2.09c-1.107-.08-2.11.284-2.916.587c-.416.156-.871.372-1.324.372c-.474%200-.944-.214-1.38-.38c-.77-.291-1.556-.56-2.39-.53c-1.829.065-3.497%201.07-4.444%202.644c-2.335%203.87-.151%209.684%202.947%2012.456c.573.513%201.211.86%201.938.84c1.267-.055%202.337-.868%203.627-.868s2.369.861%203.65.833c2.586-.042%204.196-3.61%204.9-5.623c-1.743-.708-2.932-2.323-2.954-4.235c-.02-1.668.987-3.172%202.392-4.006Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cuse%20href%3D%22%23SVGG5WACb1u%22%2F%3E%3C%2Fg%3E%3C%2Fg%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%3Cdefs%3E%3Cpath%20id%3D%22SVGG5WACb1u%22%20d%3D%22M12.863%203.988h.05a2.5%202.5%200%200%200%202.5-2.5v-.05h-.05a2.5%202.5%200%200%200-2.5%202.5z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cuse%20href%3D%22%23SVGG5WACb1u%22%2F%3E%3Cpath%20d%3D%22M20.287%208.1c-.937-1.309-2.46-1.986-4.046-2.09c-1.107-.08-2.11.284-2.916.587c-.416.156-.871.372-1.324.372c-.474%200-.944-.215-1.38-.38c-.77-.291-1.556-.56-2.39-.53c-1.829.065-3.497%201.07-4.444%202.644c-2.335%203.87-.151%209.684%202.947%2012.456c.573.513%201.211.86%201.938.84c1.267-.055%202.337-.868%203.627-.868s2.369.861%203.65.833c2.586-.042%204.196-3.61%204.9-5.623c-1.743-.708-2.932-2.323-2.954-4.235c-.02-1.668.987-3.172%202.392-4.006%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cg%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M20.287%208.1c-.937-1.309-2.46-1.986-4.046-2.09c-1.107-.08-2.11.284-2.916.587c-.416.156-.871.372-1.324.372c-.474%200-.944-.214-1.38-.38c-.77-.291-1.556-.56-2.39-.53c-1.829.065-3.497%201.07-4.444%202.644c-2.335%203.87-.151%209.684%202.947%2012.456c.573.513%201.211.86%201.938.84c1.267-.055%202.337-.868%203.627-.868s2.369.861%203.65.833c2.586-.042%204.196-3.61%204.9-5.623c-1.743-.708-2.932-2.323-2.954-4.235c-.02-1.668.987-3.172%202.392-4.006Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cuse%20href%3D%22%23SVGG5WACb1u%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/logo-apple.svg?color=%231a73e8&size=48
