apple icon
apple from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- apple
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
appleBootstrap IconsappleBoxicons BrandsappleCarbonappleCatppuccin IconsappleDeviconappleFont Awesome 6 BrandsappleHuge IconsappleIconoirappleLine AwesomeappleSVG LogosappleLucideappleMage IconsappleMaterial Design Iconsapple-fillMingCute IconappleOpenMojiapplePixelarticonsapple-fillRemix IconappleSimple Iconsapple-darkSkill IconsappleTabler Iconsapple-outlineTeenyiconsappleUniconsappleUnicons Monochrome
Related icons in Jam Icons
Use the apple icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3.5 -2 24 24"><path fill="currentColor" d="M13.623 10.627c-.025-2.533 2.066-3.748 2.159-3.808c-1.175-1.72-3.005-1.955-3.657-1.982c-1.557-.158-3.039.917-3.83.917c-.788 0-2.008-.894-3.3-.87C3.299 4.909 1.734 5.87.86 7.39c-1.764 3.06-.452 7.595 1.267 10.077c.84 1.215 1.842 2.58 3.157 2.53c1.266-.05 1.745-.819 3.276-.819s1.962.82 3.302.795c1.363-.026 2.226-1.239 3.06-2.457c.965-1.41 1.362-2.775 1.386-2.845c-.03-.013-2.658-1.02-2.684-4.045zm-2.518-7.433c.698-.847 1.169-2.022 1.04-3.194C11.14.04 9.921.67 9.2 1.515c-.647.75-1.214 1.945-1.062 3.094c1.122.088 2.268-.57 2.967-1.415"/></svg>
React
import type { SVGProps } from "react";
export function JamApple(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3.5 -2 24 24"><path fill="currentColor" d="M13.623 10.627c-.025-2.533 2.066-3.748 2.159-3.808c-1.175-1.72-3.005-1.955-3.657-1.982c-1.557-.158-3.039.917-3.83.917c-.788 0-2.008-.894-3.3-.87C3.299 4.909 1.734 5.87.86 7.39c-1.764 3.06-.452 7.595 1.267 10.077c.84 1.215 1.842 2.58 3.157 2.53c1.266-.05 1.745-.819 3.276-.819s1.962.82 3.302.795c1.363-.026 2.226-1.239 3.06-2.457c.965-1.41 1.362-2.775 1.386-2.845c-.03-.013-2.658-1.02-2.684-4.045zm-2.518-7.433c.698-.847 1.169-2.022 1.04-3.194C11.14.04 9.921.67 9.2 1.515c-.647.75-1.214 1.945-1.062 3.094c1.122.088 2.268-.57 2.967-1.415"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3.5 -2 24 24"><path fill="currentColor" d="M13.623 10.627c-.025-2.533 2.066-3.748 2.159-3.808c-1.175-1.72-3.005-1.955-3.657-1.982c-1.557-.158-3.039.917-3.83.917c-.788 0-2.008-.894-3.3-.87C3.299 4.909 1.734 5.87.86 7.39c-1.764 3.06-.452 7.595 1.267 10.077c.84 1.215 1.842 2.58 3.157 2.53c1.266-.05 1.745-.819 3.276-.819s1.962.82 3.302.795c1.363-.026 2.226-1.239 3.06-2.457c.965-1.41 1.362-2.775 1.386-2.845c-.03-.013-2.658-1.02-2.684-4.045zm-2.518-7.433c.698-.847 1.169-2.022 1.04-3.194C11.14.04 9.921.67 9.2 1.515c-.647.75-1.214 1.945-1.062 3.094c1.122.088 2.268-.57 2.967-1.415"/></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%22-3.5%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.623%2010.627c-.025-2.533%202.066-3.748%202.159-3.808c-1.175-1.72-3.005-1.955-3.657-1.982c-1.557-.158-3.039.917-3.83.917c-.788%200-2.008-.894-3.3-.87C3.299%204.909%201.734%205.87.86%207.39c-1.764%203.06-.452%207.595%201.267%2010.077c.84%201.215%201.842%202.58%203.157%202.53c1.266-.05%201.745-.819%203.276-.819s1.962.82%203.302.795c1.363-.026%202.226-1.239%203.06-2.457c.965-1.41%201.362-2.775%201.386-2.845c-.03-.013-2.658-1.02-2.684-4.045zm-2.518-7.433c.698-.847%201.169-2.022%201.04-3.194C11.14.04%209.921.67%209.2%201.515c-.647.75-1.214%201.945-1.062%203.094c1.122.088%202.268-.57%202.967-1.415%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%22-3.5%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.623%2010.627c-.025-2.533%202.066-3.748%202.159-3.808c-1.175-1.72-3.005-1.955-3.657-1.982c-1.557-.158-3.039.917-3.83.917c-.788%200-2.008-.894-3.3-.87C3.299%204.909%201.734%205.87.86%207.39c-1.764%203.06-.452%207.595%201.267%2010.077c.84%201.215%201.842%202.58%203.157%202.53c1.266-.05%201.745-.819%203.276-.819s1.962.82%203.302.795c1.363-.026%202.226-1.239%203.06-2.457c.965-1.41%201.362-2.775%201.386-2.845c-.03-.013-2.658-1.02-2.684-4.045zm-2.518-7.433c.698-.847%201.169-2.022%201.04-3.194C11.14.04%209.921.67%209.2%201.515c-.647.75-1.214%201.945-1.062%203.094c1.122.088%202.268-.57%202.967-1.415%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/apple.svg?color=%231a73e8&size=48
