apple icon
apple from Unicons Monochrome by Iconscout · Monochrome · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- apple
- Set
- Unicons Monochrome
- Style
- Monochrome
- Category
- Brand Logos
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
appleBootstrap IconsappleBoxicons BrandsappleCarbonappleCatppuccin IconsappleDeviconappleFont Awesome 6 BrandsappleHuge IconsappleIconoirappleJam IconsappleLine AwesomeappleSVG LogosappleLucideappleMage IconsappleMaterial Design Iconsapple-fillMingCute IconappleOpenMojiapplePixelarticonsapple-fillRemix IconappleSimple Iconsapple-darkSkill IconsappleTabler Iconsapple-outlineTeenyiconsappleUnicons
More brand logos icons from Unicons Monochrome
Use the apple icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.458 12.625A4.52 4.52 0 0 1 19.62 8.82a4.67 4.67 0 0 0-3.658-1.984c-1.558-.158-3.04.917-3.829.917s-2.009-.894-3.3-.87a4.9 4.9 0 0 0-4.14 2.508c-1.762 3.06-.449 7.593 1.268 10.076c.84 1.214 1.843 2.581 3.158 2.532c1.268-.05 1.746-.82 3.277-.82s1.962.82 3.3.795c1.364-.025 2.229-1.239 3.062-2.457a11 11 0 0 0 1.385-2.845a4.42 4.42 0 0 1-2.685-4.047m-2.517-7.432A4.4 4.4 0 0 0 15.981 2a4.48 4.48 0 0 0-2.945 1.516a4.2 4.2 0 0 0-1.061 3.093a3.71 3.71 0 0 0 2.966-1.416"/></svg>
React
import type { SVGProps } from "react";
export function UimApple(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="M17.458 12.625A4.52 4.52 0 0 1 19.62 8.82a4.67 4.67 0 0 0-3.658-1.984c-1.558-.158-3.04.917-3.829.917s-2.009-.894-3.3-.87a4.9 4.9 0 0 0-4.14 2.508c-1.762 3.06-.449 7.593 1.268 10.076c.84 1.214 1.843 2.581 3.158 2.532c1.268-.05 1.746-.82 3.277-.82s1.962.82 3.3.795c1.364-.025 2.229-1.239 3.062-2.457a11 11 0 0 0 1.385-2.845a4.42 4.42 0 0 1-2.685-4.047m-2.517-7.432A4.4 4.4 0 0 0 15.981 2a4.48 4.48 0 0 0-2.945 1.516a4.2 4.2 0 0 0-1.061 3.093a3.71 3.71 0 0 0 2.966-1.416"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.458 12.625A4.52 4.52 0 0 1 19.62 8.82a4.67 4.67 0 0 0-3.658-1.984c-1.558-.158-3.04.917-3.829.917s-2.009-.894-3.3-.87a4.9 4.9 0 0 0-4.14 2.508c-1.762 3.06-.449 7.593 1.268 10.076c.84 1.214 1.843 2.581 3.158 2.532c1.268-.05 1.746-.82 3.277-.82s1.962.82 3.3.795c1.364-.025 2.229-1.239 3.062-2.457a11 11 0 0 0 1.385-2.845a4.42 4.42 0 0 1-2.685-4.047m-2.517-7.432A4.4 4.4 0 0 0 15.981 2a4.48 4.48 0 0 0-2.945 1.516a4.2 4.2 0 0 0-1.061 3.093a3.71 3.71 0 0 0 2.966-1.416"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.458%2012.625A4.52%204.52%200%200%201%2019.62%208.82a4.67%204.67%200%200%200-3.658-1.984c-1.558-.158-3.04.917-3.829.917s-2.009-.894-3.3-.87a4.9%204.9%200%200%200-4.14%202.508c-1.762%203.06-.449%207.593%201.268%2010.076c.84%201.214%201.843%202.581%203.158%202.532c1.268-.05%201.746-.82%203.277-.82s1.962.82%203.3.795c1.364-.025%202.229-1.239%203.062-2.457a11%2011%200%200%200%201.385-2.845a4.42%204.42%200%200%201-2.685-4.047m-2.517-7.432A4.4%204.4%200%200%200%2015.981%202a4.48%204.48%200%200%200-2.945%201.516a4.2%204.2%200%200%200-1.061%203.093a3.71%203.71%200%200%200%202.966-1.416%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%22M17.458%2012.625A4.52%204.52%200%200%201%2019.62%208.82a4.67%204.67%200%200%200-3.658-1.984c-1.558-.158-3.04.917-3.829.917s-2.009-.894-3.3-.87a4.9%204.9%200%200%200-4.14%202.508c-1.762%203.06-.449%207.593%201.268%2010.076c.84%201.214%201.843%202.581%203.158%202.532c1.268-.05%201.746-.82%203.277-.82s1.962.82%203.3.795c1.364-.025%202.229-1.239%203.062-2.457a11%2011%200%200%200%201.385-2.845a4.42%204.42%200%200%201-2.685-4.047m-2.517-7.432A4.4%204.4%200%200%200%2015.981%202a4.48%204.48%200%200%200-2.945%201.516a4.2%204.2%200%200%200-1.061%203.093a3.71%203.71%200%200%200%202.966-1.416%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uim/apple.svg?color=%231a73e8&size=48
