apple logo
apple from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- apple
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
apple-filledAnt Design IconsappleBootstrap IconsappleBoxicons BrandsappleCarbonappleCatppuccin IconsappleDeviconappleElement PlusappleFont Awesome 6 BrandsappleFont Awesome Brandsapple-solidFlowbite IconsappleHuge IconsappleIconParkappleIconPark OutlineappleIconPark SolidappleIconPark TwoToneappleIconoirappleJam IconsappleLine AwesomeappleSVG LogosappleLucideappleMage IconsappleMaterial Design Iconsapple-fillMingCute IconappleOpenMoji
Related icons in CoreUI Brands
Use the apple logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.438 31.401a7 7 0 0 1-1.656-1.536a20 20 0 0 1-1.422-1.938a18.9 18.9 0 0 1-2.375-4.849c-.667-2-.99-3.917-.99-5.792c0-2.094.453-3.922 1.339-5.458a7.7 7.7 0 0 1 2.797-2.906a7.45 7.45 0 0 1 3.786-1.12q.705.002 1.51.198c.385.109.854.281 1.427.495c.729.281 1.13.453 1.266.495c.427.156.786.224 1.068.224c.214 0 .516-.068.859-.172c.193-.068.557-.188 1.078-.411c.516-.188.922-.349 1.245-.469c.495-.146.974-.281 1.401-.349a6.7 6.7 0 0 1 1.531-.063a9 9 0 0 1 2.589.557c1.359.547 2.458 1.401 3.276 2.615a6.4 6.4 0 0 0-.969.734a8.2 8.2 0 0 0-1.641 2.005a6.8 6.8 0 0 0-.859 3.359c.021 1.443.391 2.714 1.12 3.813a7.2 7.2 0 0 0 2.047 2.047c.417.281.776.474 1.12.604c-.161.5-.333.984-.536 1.464a19 19 0 0 1-1.667 3.083c-.578.839-1.031 1.464-1.375 1.88c-.536.635-1.052 1.12-1.573 1.458c-.573.38-1.25.583-1.938.583a4.4 4.4 0 0 1-1.38-.167c-.385-.13-.766-.271-1.141-.432a9 9 0 0 0-1.203-.453a6.3 6.3 0 0 0-3.099-.005c-.417.12-.818.26-1.214.432c-.557.234-.927.391-1.141.458c-.427.125-.87.203-1.318.229c-.693 0-1.339-.198-1.979-.599zm9.14-24.615c-.906.453-1.771.646-2.63.583c-.135-.865 0-1.75.359-2.719a7.3 7.3 0 0 1 1.333-2.24A7.1 7.1 0 0 1 19.812.733q1.319-.68 2.521-.734c.104.906 0 1.797-.333 2.76a8 8 0 0 1-1.333 2.344a6.8 6.8 0 0 1-2.115 1.682z"/></svg>
React
import type { SVGProps } from "react";
export function CibApple(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.438 31.401a7 7 0 0 1-1.656-1.536a20 20 0 0 1-1.422-1.938a18.9 18.9 0 0 1-2.375-4.849c-.667-2-.99-3.917-.99-5.792c0-2.094.453-3.922 1.339-5.458a7.7 7.7 0 0 1 2.797-2.906a7.45 7.45 0 0 1 3.786-1.12q.705.002 1.51.198c.385.109.854.281 1.427.495c.729.281 1.13.453 1.266.495c.427.156.786.224 1.068.224c.214 0 .516-.068.859-.172c.193-.068.557-.188 1.078-.411c.516-.188.922-.349 1.245-.469c.495-.146.974-.281 1.401-.349a6.7 6.7 0 0 1 1.531-.063a9 9 0 0 1 2.589.557c1.359.547 2.458 1.401 3.276 2.615a6.4 6.4 0 0 0-.969.734a8.2 8.2 0 0 0-1.641 2.005a6.8 6.8 0 0 0-.859 3.359c.021 1.443.391 2.714 1.12 3.813a7.2 7.2 0 0 0 2.047 2.047c.417.281.776.474 1.12.604c-.161.5-.333.984-.536 1.464a19 19 0 0 1-1.667 3.083c-.578.839-1.031 1.464-1.375 1.88c-.536.635-1.052 1.12-1.573 1.458c-.573.38-1.25.583-1.938.583a4.4 4.4 0 0 1-1.38-.167c-.385-.13-.766-.271-1.141-.432a9 9 0 0 0-1.203-.453a6.3 6.3 0 0 0-3.099-.005c-.417.12-.818.26-1.214.432c-.557.234-.927.391-1.141.458c-.427.125-.87.203-1.318.229c-.693 0-1.339-.198-1.979-.599zm9.14-24.615c-.906.453-1.771.646-2.63.583c-.135-.865 0-1.75.359-2.719a7.3 7.3 0 0 1 1.333-2.24A7.1 7.1 0 0 1 19.812.733q1.319-.68 2.521-.734c.104.906 0 1.797-.333 2.76a8 8 0 0 1-1.333 2.344a6.8 6.8 0 0 1-2.115 1.682z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.438 31.401a7 7 0 0 1-1.656-1.536a20 20 0 0 1-1.422-1.938a18.9 18.9 0 0 1-2.375-4.849c-.667-2-.99-3.917-.99-5.792c0-2.094.453-3.922 1.339-5.458a7.7 7.7 0 0 1 2.797-2.906a7.45 7.45 0 0 1 3.786-1.12q.705.002 1.51.198c.385.109.854.281 1.427.495c.729.281 1.13.453 1.266.495c.427.156.786.224 1.068.224c.214 0 .516-.068.859-.172c.193-.068.557-.188 1.078-.411c.516-.188.922-.349 1.245-.469c.495-.146.974-.281 1.401-.349a6.7 6.7 0 0 1 1.531-.063a9 9 0 0 1 2.589.557c1.359.547 2.458 1.401 3.276 2.615a6.4 6.4 0 0 0-.969.734a8.2 8.2 0 0 0-1.641 2.005a6.8 6.8 0 0 0-.859 3.359c.021 1.443.391 2.714 1.12 3.813a7.2 7.2 0 0 0 2.047 2.047c.417.281.776.474 1.12.604c-.161.5-.333.984-.536 1.464a19 19 0 0 1-1.667 3.083c-.578.839-1.031 1.464-1.375 1.88c-.536.635-1.052 1.12-1.573 1.458c-.573.38-1.25.583-1.938.583a4.4 4.4 0 0 1-1.38-.167c-.385-.13-.766-.271-1.141-.432a9 9 0 0 0-1.203-.453a6.3 6.3 0 0 0-3.099-.005c-.417.12-.818.26-1.214.432c-.557.234-.927.391-1.141.458c-.427.125-.87.203-1.318.229c-.693 0-1.339-.198-1.979-.599zm9.14-24.615c-.906.453-1.771.646-2.63.583c-.135-.865 0-1.75.359-2.719a7.3 7.3 0 0 1 1.333-2.24A7.1 7.1 0 0 1 19.812.733q1.319-.68 2.521-.734c.104.906 0 1.797-.333 2.76a8 8 0 0 1-1.333 2.344a6.8 6.8 0 0 1-2.115 1.682z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.438%2031.401a7%207%200%200%201-1.656-1.536a20%2020%200%200%201-1.422-1.938a18.9%2018.9%200%200%201-2.375-4.849c-.667-2-.99-3.917-.99-5.792c0-2.094.453-3.922%201.339-5.458a7.7%207.7%200%200%201%202.797-2.906a7.45%207.45%200%200%201%203.786-1.12q.705.002%201.51.198c.385.109.854.281%201.427.495c.729.281%201.13.453%201.266.495c.427.156.786.224%201.068.224c.214%200%20.516-.068.859-.172c.193-.068.557-.188%201.078-.411c.516-.188.922-.349%201.245-.469c.495-.146.974-.281%201.401-.349a6.7%206.7%200%200%201%201.531-.063a9%209%200%200%201%202.589.557c1.359.547%202.458%201.401%203.276%202.615a6.4%206.4%200%200%200-.969.734a8.2%208.2%200%200%200-1.641%202.005a6.8%206.8%200%200%200-.859%203.359c.021%201.443.391%202.714%201.12%203.813a7.2%207.2%200%200%200%202.047%202.047c.417.281.776.474%201.12.604c-.161.5-.333.984-.536%201.464a19%2019%200%200%201-1.667%203.083c-.578.839-1.031%201.464-1.375%201.88c-.536.635-1.052%201.12-1.573%201.458c-.573.38-1.25.583-1.938.583a4.4%204.4%200%200%201-1.38-.167c-.385-.13-.766-.271-1.141-.432a9%209%200%200%200-1.203-.453a6.3%206.3%200%200%200-3.099-.005c-.417.12-.818.26-1.214.432c-.557.234-.927.391-1.141.458c-.427.125-.87.203-1.318.229c-.693%200-1.339-.198-1.979-.599zm9.14-24.615c-.906.453-1.771.646-2.63.583c-.135-.865%200-1.75.359-2.719a7.3%207.3%200%200%201%201.333-2.24A7.1%207.1%200%200%201%2019.812.733q1.319-.68%202.521-.734c.104.906%200%201.797-.333%202.76a8%208%200%200%201-1.333%202.344a6.8%206.8%200%200%201-2.115%201.682z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.438%2031.401a7%207%200%200%201-1.656-1.536a20%2020%200%200%201-1.422-1.938a18.9%2018.9%200%200%201-2.375-4.849c-.667-2-.99-3.917-.99-5.792c0-2.094.453-3.922%201.339-5.458a7.7%207.7%200%200%201%202.797-2.906a7.45%207.45%200%200%201%203.786-1.12q.705.002%201.51.198c.385.109.854.281%201.427.495c.729.281%201.13.453%201.266.495c.427.156.786.224%201.068.224c.214%200%20.516-.068.859-.172c.193-.068.557-.188%201.078-.411c.516-.188.922-.349%201.245-.469c.495-.146.974-.281%201.401-.349a6.7%206.7%200%200%201%201.531-.063a9%209%200%200%201%202.589.557c1.359.547%202.458%201.401%203.276%202.615a6.4%206.4%200%200%200-.969.734a8.2%208.2%200%200%200-1.641%202.005a6.8%206.8%200%200%200-.859%203.359c.021%201.443.391%202.714%201.12%203.813a7.2%207.2%200%200%200%202.047%202.047c.417.281.776.474%201.12.604c-.161.5-.333.984-.536%201.464a19%2019%200%200%201-1.667%203.083c-.578.839-1.031%201.464-1.375%201.88c-.536.635-1.052%201.12-1.573%201.458c-.573.38-1.25.583-1.938.583a4.4%204.4%200%200%201-1.38-.167c-.385-.13-.766-.271-1.141-.432a9%209%200%200%200-1.203-.453a6.3%206.3%200%200%200-3.099-.005c-.417.12-.818.26-1.214.432c-.557.234-.927.391-1.141.458c-.427.125-.87.203-1.318.229c-.693%200-1.339-.198-1.979-.599zm9.14-24.615c-.906.453-1.771.646-2.63.583c-.135-.865%200-1.75.359-2.719a7.3%207.3%200%200%201%201.333-2.24A7.1%207.1%200%200%201%2019.812.733q1.319-.68%202.521-.734c.104.906%200%201.797-.333%202.76a8%208%200%200%201-1.333%202.344a6.8%206.8%200%200%201-2.115%201.682z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/apple.svg?color=%231a73e8&size=48
