apple logo

apple from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
apple
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

The same logo in other sets

appleBootstrap IconsappleBoxicons BrandsappleCarbonappleCatppuccin IconsappleFont Awesome 6 BrandsappleHuge IconsappleIconoirappleJam IconsappleLine AwesomeappleSVG LogosappleLucideappleMage IconsappleMaterial Design Iconsapple-fillMingCute IconappleOpenMojiapplePixelarticonsapple-fillRemix IconappleSimple Iconsapple-darkSkill IconsappleTabler Iconsapple-outlineTeenyiconsappleUniconsappleUnicons Monochrome

Use the apple logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M97.905 67.885c.174 18.8 16.494 25.057 16.674 25.137c-.138.44-2.607 8.916-8.597 17.669c-5.178 7.568-10.553 15.108-19.018 15.266c-8.318.152-10.993-4.934-20.504-4.934c-9.508 0-12.479 4.776-20.354 5.086c-8.172.31-14.395-8.185-19.616-15.724C15.822 94.961 7.669 66.8 18.616 47.791c5.438-9.44 15.158-15.417 25.707-15.571c8.024-.153 15.598 5.398 20.503 5.398c4.902 0 14.106-6.676 23.782-5.696c4.051.169 15.421 1.636 22.722 12.324c-.587.365-13.566 7.921-13.425 23.639M82.272 21.719c4.338-5.251 7.258-12.563 6.462-19.836c-6.254.251-13.816 4.167-18.301 9.416c-4.02 4.647-7.54 12.087-6.591 19.216c6.971.54 14.091-3.542 18.43-8.796"/></svg>

React

import type { SVGProps } from "react";

export function DeviconApple(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M97.905 67.885c.174 18.8 16.494 25.057 16.674 25.137c-.138.44-2.607 8.916-8.597 17.669c-5.178 7.568-10.553 15.108-19.018 15.266c-8.318.152-10.993-4.934-20.504-4.934c-9.508 0-12.479 4.776-20.354 5.086c-8.172.31-14.395-8.185-19.616-15.724C15.822 94.961 7.669 66.8 18.616 47.791c5.438-9.44 15.158-15.417 25.707-15.571c8.024-.153 15.598 5.398 20.503 5.398c4.902 0 14.106-6.676 23.782-5.696c4.051.169 15.421 1.636 22.722 12.324c-.587.365-13.566 7.921-13.425 23.639M82.272 21.719c4.338-5.251 7.258-12.563 6.462-19.836c-6.254.251-13.816 4.167-18.301 9.416c-4.02 4.647-7.54 12.087-6.591 19.216c6.971.54 14.091-3.542 18.43-8.796"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M97.905 67.885c.174 18.8 16.494 25.057 16.674 25.137c-.138.44-2.607 8.916-8.597 17.669c-5.178 7.568-10.553 15.108-19.018 15.266c-8.318.152-10.993-4.934-20.504-4.934c-9.508 0-12.479 4.776-20.354 5.086c-8.172.31-14.395-8.185-19.616-15.724C15.822 94.961 7.669 66.8 18.616 47.791c5.438-9.44 15.158-15.417 25.707-15.571c8.024-.153 15.598 5.398 20.503 5.398c4.902 0 14.106-6.676 23.782-5.696c4.051.169 15.421 1.636 22.722 12.324c-.587.365-13.566 7.921-13.425 23.639M82.272 21.719c4.338-5.251 7.258-12.563 6.462-19.836c-6.254.251-13.816 4.167-18.301 9.416c-4.02 4.647-7.54 12.087-6.591 19.216c6.971.54 14.091-3.542 18.43-8.796"/></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%20128%20128%22%3E%3Cpath%20d%3D%22M97.905%2067.885c.174%2018.8%2016.494%2025.057%2016.674%2025.137c-.138.44-2.607%208.916-8.597%2017.669c-5.178%207.568-10.553%2015.108-19.018%2015.266c-8.318.152-10.993-4.934-20.504-4.934c-9.508%200-12.479%204.776-20.354%205.086c-8.172.31-14.395-8.185-19.616-15.724C15.822%2094.961%207.669%2066.8%2018.616%2047.791c5.438-9.44%2015.158-15.417%2025.707-15.571c8.024-.153%2015.598%205.398%2020.503%205.398c4.902%200%2014.106-6.676%2023.782-5.696c4.051.169%2015.421%201.636%2022.722%2012.324c-.587.365-13.566%207.921-13.425%2023.639M82.272%2021.719c4.338-5.251%207.258-12.563%206.462-19.836c-6.254.251-13.816%204.167-18.301%209.416c-4.02%204.647-7.54%2012.087-6.591%2019.216c6.971.54%2014.091-3.542%2018.43-8.796%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%20128%20128%22%3E%3Cpath%20d%3D%22M97.905%2067.885c.174%2018.8%2016.494%2025.057%2016.674%2025.137c-.138.44-2.607%208.916-8.597%2017.669c-5.178%207.568-10.553%2015.108-19.018%2015.266c-8.318.152-10.993-4.934-20.504-4.934c-9.508%200-12.479%204.776-20.354%205.086c-8.172.31-14.395-8.185-19.616-15.724C15.822%2094.961%207.669%2066.8%2018.616%2047.791c5.438-9.44%2015.158-15.417%2025.707-15.571c8.024-.153%2015.598%205.398%2020.503%205.398c4.902%200%2014.106-6.676%2023.782-5.696c4.051.169%2015.421%201.636%2022.722%2012.324c-.587.365-13.566%207.921-13.425%2023.639M82.272%2021.719c4.338-5.251%207.258-12.563%206.462-19.836c-6.254.251-13.816%204.167-18.301%209.416c-4.02%204.647-7.54%2012.087-6.591%2019.216c6.971.54%2014.091-3.542%2018.43-8.796%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/apple.svg?color=%231a73e8&size=48