apple icon
apple from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.
- Name
- apple
- Set
- Element Plus
- Style
- Outline
- Viewbox
- 1024×1024
- License
- MIT
The same icon in other sets
apple-filledAnt Design IconsappleBootstrap IconsappleBoxicons BrandsappleCarbonappleCatppuccin IconsappleCoreUI BrandsappleDeviconappleFont Awesome 6 BrandsappleFont Awesome Brandsapple-solidFlowbite IconsappleHuge IconsappleIconParkappleIconPark OutlineappleIconPark SolidappleIconPark TwoToneappleIconoirappleJam IconsappleLine AwesomeappleSVG LogosappleLucideappleMage IconsappleMaterial Design Iconsapple-fillMingCute IconappleOpenMoji
Use the apple icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M599.9 203.8a189 189 0 0 1 64.4-4.7l2.6.1c31.1 1 51.2 4.1 79.5 16.4c37.6 16 74.5 45 111.5 89.3c96.3 115.3 82.7 372.8-34.8 521.7c-7.7 9.8-32 41.6-30.7 40a427 427 0 0 1-30.1 35.7c-31.2 32.6-65.3 49.3-110 50c-31.4.7-53.6-5.2-84.4-18.7l-6.5-2.8c-21-9.3-30.6-12-47.3-12c-18.1 0-28.6 3-51.1 12.7l-6.5 2.8c-28.4 12.3-48.3 18-76.1 19.2c-74.2 2.8-117-38-180.7-132.1C103 679.3 67 472 144.7 335c46.2-82 129.9-133.7 220.6-135c32.8-.6 60.3 6.8 99.7 22.7a426 426 0 0 0 37.3 14.2q24.4-30.3 34.6-50.2q20.4-39.5 40.7-100.8a32 32 0 1 1 60.8 20.2a837 837 0 0 1-38.5 97.7m-51.5 78a1161 1161 0 0 1-52 58.9a32 32 0 1 1-46.7-43.8l12.3-13.3c-28-11.2-61.2-26.6-95.7-26c-70.4 1-135.3 41.5-171.6 105.7C121.6 492.6 176 684.2 247.3 789c34.8 51.3 76.3 109 131 107c52.4-2.2 72.3-34.8 135.8-34.8s81.3 34.7 137 33.6c56.4-1.1 75.7-39 126.8-103.9c108-136.8 108-362.7 35.8-449S689 257.6 662 256.6c-41.5-4.3-81.6 12.5-113.6 25.2"/></svg>
React
import type { SVGProps } from "react";
export function EpApple(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M599.9 203.8a189 189 0 0 1 64.4-4.7l2.6.1c31.1 1 51.2 4.1 79.5 16.4c37.6 16 74.5 45 111.5 89.3c96.3 115.3 82.7 372.8-34.8 521.7c-7.7 9.8-32 41.6-30.7 40a427 427 0 0 1-30.1 35.7c-31.2 32.6-65.3 49.3-110 50c-31.4.7-53.6-5.2-84.4-18.7l-6.5-2.8c-21-9.3-30.6-12-47.3-12c-18.1 0-28.6 3-51.1 12.7l-6.5 2.8c-28.4 12.3-48.3 18-76.1 19.2c-74.2 2.8-117-38-180.7-132.1C103 679.3 67 472 144.7 335c46.2-82 129.9-133.7 220.6-135c32.8-.6 60.3 6.8 99.7 22.7a426 426 0 0 0 37.3 14.2q24.4-30.3 34.6-50.2q20.4-39.5 40.7-100.8a32 32 0 1 1 60.8 20.2a837 837 0 0 1-38.5 97.7m-51.5 78a1161 1161 0 0 1-52 58.9a32 32 0 1 1-46.7-43.8l12.3-13.3c-28-11.2-61.2-26.6-95.7-26c-70.4 1-135.3 41.5-171.6 105.7C121.6 492.6 176 684.2 247.3 789c34.8 51.3 76.3 109 131 107c52.4-2.2 72.3-34.8 135.8-34.8s81.3 34.7 137 33.6c56.4-1.1 75.7-39 126.8-103.9c108-136.8 108-362.7 35.8-449S689 257.6 662 256.6c-41.5-4.3-81.6 12.5-113.6 25.2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M599.9 203.8a189 189 0 0 1 64.4-4.7l2.6.1c31.1 1 51.2 4.1 79.5 16.4c37.6 16 74.5 45 111.5 89.3c96.3 115.3 82.7 372.8-34.8 521.7c-7.7 9.8-32 41.6-30.7 40a427 427 0 0 1-30.1 35.7c-31.2 32.6-65.3 49.3-110 50c-31.4.7-53.6-5.2-84.4-18.7l-6.5-2.8c-21-9.3-30.6-12-47.3-12c-18.1 0-28.6 3-51.1 12.7l-6.5 2.8c-28.4 12.3-48.3 18-76.1 19.2c-74.2 2.8-117-38-180.7-132.1C103 679.3 67 472 144.7 335c46.2-82 129.9-133.7 220.6-135c32.8-.6 60.3 6.8 99.7 22.7a426 426 0 0 0 37.3 14.2q24.4-30.3 34.6-50.2q20.4-39.5 40.7-100.8a32 32 0 1 1 60.8 20.2a837 837 0 0 1-38.5 97.7m-51.5 78a1161 1161 0 0 1-52 58.9a32 32 0 1 1-46.7-43.8l12.3-13.3c-28-11.2-61.2-26.6-95.7-26c-70.4 1-135.3 41.5-171.6 105.7C121.6 492.6 176 684.2 247.3 789c34.8 51.3 76.3 109 131 107c52.4-2.2 72.3-34.8 135.8-34.8s81.3 34.7 137 33.6c56.4-1.1 75.7-39 126.8-103.9c108-136.8 108-362.7 35.8-449S689 257.6 662 256.6c-41.5-4.3-81.6 12.5-113.6 25.2"/></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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M599.9%20203.8a189%20189%200%200%201%2064.4-4.7l2.6.1c31.1%201%2051.2%204.1%2079.5%2016.4c37.6%2016%2074.5%2045%20111.5%2089.3c96.3%20115.3%2082.7%20372.8-34.8%20521.7c-7.7%209.8-32%2041.6-30.7%2040a427%20427%200%200%201-30.1%2035.7c-31.2%2032.6-65.3%2049.3-110%2050c-31.4.7-53.6-5.2-84.4-18.7l-6.5-2.8c-21-9.3-30.6-12-47.3-12c-18.1%200-28.6%203-51.1%2012.7l-6.5%202.8c-28.4%2012.3-48.3%2018-76.1%2019.2c-74.2%202.8-117-38-180.7-132.1C103%20679.3%2067%20472%20144.7%20335c46.2-82%20129.9-133.7%20220.6-135c32.8-.6%2060.3%206.8%2099.7%2022.7a426%20426%200%200%200%2037.3%2014.2q24.4-30.3%2034.6-50.2q20.4-39.5%2040.7-100.8a32%2032%200%201%201%2060.8%2020.2a837%20837%200%200%201-38.5%2097.7m-51.5%2078a1161%201161%200%200%201-52%2058.9a32%2032%200%201%201-46.7-43.8l12.3-13.3c-28-11.2-61.2-26.6-95.7-26c-70.4%201-135.3%2041.5-171.6%20105.7C121.6%20492.6%20176%20684.2%20247.3%20789c34.8%2051.3%2076.3%20109%20131%20107c52.4-2.2%2072.3-34.8%20135.8-34.8s81.3%2034.7%20137%2033.6c56.4-1.1%2075.7-39%20126.8-103.9c108-136.8%20108-362.7%2035.8-449S689%20257.6%20662%20256.6c-41.5-4.3-81.6%2012.5-113.6%2025.2%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M599.9%20203.8a189%20189%200%200%201%2064.4-4.7l2.6.1c31.1%201%2051.2%204.1%2079.5%2016.4c37.6%2016%2074.5%2045%20111.5%2089.3c96.3%20115.3%2082.7%20372.8-34.8%20521.7c-7.7%209.8-32%2041.6-30.7%2040a427%20427%200%200%201-30.1%2035.7c-31.2%2032.6-65.3%2049.3-110%2050c-31.4.7-53.6-5.2-84.4-18.7l-6.5-2.8c-21-9.3-30.6-12-47.3-12c-18.1%200-28.6%203-51.1%2012.7l-6.5%202.8c-28.4%2012.3-48.3%2018-76.1%2019.2c-74.2%202.8-117-38-180.7-132.1C103%20679.3%2067%20472%20144.7%20335c46.2-82%20129.9-133.7%20220.6-135c32.8-.6%2060.3%206.8%2099.7%2022.7a426%20426%200%200%200%2037.3%2014.2q24.4-30.3%2034.6-50.2q20.4-39.5%2040.7-100.8a32%2032%200%201%201%2060.8%2020.2a837%20837%200%200%201-38.5%2097.7m-51.5%2078a1161%201161%200%200%201-52%2058.9a32%2032%200%201%201-46.7-43.8l12.3-13.3c-28-11.2-61.2-26.6-95.7-26c-70.4%201-135.3%2041.5-171.6%20105.7C121.6%20492.6%20176%20684.2%20247.3%20789c34.8%2051.3%2076.3%20109%20131%20107c52.4-2.2%2072.3-34.8%20135.8-34.8s81.3%2034.7%20137%2033.6c56.4-1.1%2075.7-39%20126.8-103.9c108-136.8%20108-362.7%2035.8-449S689%20257.6%20662%20256.6c-41.5-4.3-81.6%2012.5-113.6%2025.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/apple.svg?color=%231a73e8&size=48
