apple app store logo
apple-app-store from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- apple-app-store
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Related icons in SVG Logos
Use the apple app store logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVG5lqYietg" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#17c9fb"/><stop offset="100%" stop-color="#1a74e8"/></linearGradient></defs><path fill="url(#SVG5lqYietg)" d="M56.064 0h143.872C230.9 0 256 25.1 256 56.064v143.872C256 230.9 230.9 256 199.936 256H56.064C25.1 256 0 230.9 0 199.936V56.064C0 25.1 25.1 0 56.064 0"/><path fill="#fff" d="m82.042 185.81l.024.008l-8.753 15.16c-3.195 5.534-10.271 7.43-15.805 4.235s-7.43-10.271-4.235-15.805l6.448-11.168l.619-1.072c1.105-1.588 3.832-4.33 9.287-3.814c0 0 12.837 1.393 13.766 8.065c0 0 .126 2.195-1.351 4.391m124.143-38.72h-27.294c-1.859-.125-2.67-.789-2.99-1.175l-.02-.035l-29.217-50.606l-.038.025l-1.752-2.512c-2.872-4.392-7.432 6.84-7.432 6.84c-5.445 12.516.773 26.745 2.94 31.046l40.582 70.29c3.194 5.533 10.27 7.43 15.805 4.234c5.533-3.195 7.43-10.271 4.234-15.805l-10.147-17.576c-.197-.426-.539-1.582 1.542-1.587h13.787c6.39 0 11.57-5.18 11.57-11.57s-5.18-11.57-11.57-11.57m-53.014 15.728s1.457 7.411-4.18 7.411H48.092c-6.39 0-11.57-5.18-11.57-11.57s5.18-11.57 11.57-11.57h25.94c4.188-.242 5.18-2.66 5.18-2.66l.024.012l33.86-58.648l-.01-.002c.617-1.133.103-2.204.014-2.373l-11.183-19.369c-3.195-5.533-1.299-12.61 4.235-15.804s12.61-1.3 15.805 4.234l5.186 8.983l5.177-8.967c3.195-5.533 10.271-7.43 15.805-4.234s7.43 10.27 4.235 15.804l-47.118 81.61c-.206.497-.269 1.277 1.264 1.414h28.164l.006.275s16.278.253 18.495 15.454"/></svg>
React
import type { SVGProps } from "react";
export function LogosAppleAppStore(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVG5lqYietg" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stopColor="#17c9fb"/><stop offset="100%" stopColor="#1a74e8"/></linearGradient></defs><path fill="url(#SVG5lqYietg)" d="M56.064 0h143.872C230.9 0 256 25.1 256 56.064v143.872C256 230.9 230.9 256 199.936 256H56.064C25.1 256 0 230.9 0 199.936V56.064C0 25.1 25.1 0 56.064 0"/><path fill="#fff" d="m82.042 185.81l.024.008l-8.753 15.16c-3.195 5.534-10.271 7.43-15.805 4.235s-7.43-10.271-4.235-15.805l6.448-11.168l.619-1.072c1.105-1.588 3.832-4.33 9.287-3.814c0 0 12.837 1.393 13.766 8.065c0 0 .126 2.195-1.351 4.391m124.143-38.72h-27.294c-1.859-.125-2.67-.789-2.99-1.175l-.02-.035l-29.217-50.606l-.038.025l-1.752-2.512c-2.872-4.392-7.432 6.84-7.432 6.84c-5.445 12.516.773 26.745 2.94 31.046l40.582 70.29c3.194 5.533 10.27 7.43 15.805 4.234c5.533-3.195 7.43-10.271 4.234-15.805l-10.147-17.576c-.197-.426-.539-1.582 1.542-1.587h13.787c6.39 0 11.57-5.18 11.57-11.57s-5.18-11.57-11.57-11.57m-53.014 15.728s1.457 7.411-4.18 7.411H48.092c-6.39 0-11.57-5.18-11.57-11.57s5.18-11.57 11.57-11.57h25.94c4.188-.242 5.18-2.66 5.18-2.66l.024.012l33.86-58.648l-.01-.002c.617-1.133.103-2.204.014-2.373l-11.183-19.369c-3.195-5.533-1.299-12.61 4.235-15.804s12.61-1.3 15.805 4.234l5.186 8.983l5.177-8.967c3.195-5.533 10.271-7.43 15.805-4.234s7.43 10.27 4.235 15.804l-47.118 81.61c-.206.497-.269 1.277 1.264 1.414h28.164l.006.275s16.278.253 18.495 15.454"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVG5lqYietg" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#17c9fb"/><stop offset="100%" stop-color="#1a74e8"/></linearGradient></defs><path fill="url(#SVG5lqYietg)" d="M56.064 0h143.872C230.9 0 256 25.1 256 56.064v143.872C256 230.9 230.9 256 199.936 256H56.064C25.1 256 0 230.9 0 199.936V56.064C0 25.1 25.1 0 56.064 0"/><path fill="#fff" d="m82.042 185.81l.024.008l-8.753 15.16c-3.195 5.534-10.271 7.43-15.805 4.235s-7.43-10.271-4.235-15.805l6.448-11.168l.619-1.072c1.105-1.588 3.832-4.33 9.287-3.814c0 0 12.837 1.393 13.766 8.065c0 0 .126 2.195-1.351 4.391m124.143-38.72h-27.294c-1.859-.125-2.67-.789-2.99-1.175l-.02-.035l-29.217-50.606l-.038.025l-1.752-2.512c-2.872-4.392-7.432 6.84-7.432 6.84c-5.445 12.516.773 26.745 2.94 31.046l40.582 70.29c3.194 5.533 10.27 7.43 15.805 4.234c5.533-3.195 7.43-10.271 4.234-15.805l-10.147-17.576c-.197-.426-.539-1.582 1.542-1.587h13.787c6.39 0 11.57-5.18 11.57-11.57s-5.18-11.57-11.57-11.57m-53.014 15.728s1.457 7.411-4.18 7.411H48.092c-6.39 0-11.57-5.18-11.57-11.57s5.18-11.57 11.57-11.57h25.94c4.188-.242 5.18-2.66 5.18-2.66l.024.012l33.86-58.648l-.01-.002c.617-1.133.103-2.204.014-2.373l-11.183-19.369c-3.195-5.533-1.299-12.61 4.235-15.804s12.61-1.3 15.805 4.234l5.186 8.983l5.177-8.967c3.195-5.533 10.271-7.43 15.805-4.234s7.43 10.27 4.235 15.804l-47.118 81.61c-.206.497-.269 1.277 1.264 1.414h28.164l.006.275s16.278.253 18.495 15.454"/></svg> </template>
CSS
.icon-apple-app-store {
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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG5lqYietg%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2317c9fb%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%231a74e8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVG5lqYietg)%22%20d%3D%22M56.064%200h143.872C230.9%200%20256%2025.1%20256%2056.064v143.872C256%20230.9%20230.9%20256%20199.936%20256H56.064C25.1%20256%200%20230.9%200%20199.936V56.064C0%2025.1%2025.1%200%2056.064%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m82.042%20185.81l.024.008l-8.753%2015.16c-3.195%205.534-10.271%207.43-15.805%204.235s-7.43-10.271-4.235-15.805l6.448-11.168l.619-1.072c1.105-1.588%203.832-4.33%209.287-3.814c0%200%2012.837%201.393%2013.766%208.065c0%200%20.126%202.195-1.351%204.391m124.143-38.72h-27.294c-1.859-.125-2.67-.789-2.99-1.175l-.02-.035l-29.217-50.606l-.038.025l-1.752-2.512c-2.872-4.392-7.432%206.84-7.432%206.84c-5.445%2012.516.773%2026.745%202.94%2031.046l40.582%2070.29c3.194%205.533%2010.27%207.43%2015.805%204.234c5.533-3.195%207.43-10.271%204.234-15.805l-10.147-17.576c-.197-.426-.539-1.582%201.542-1.587h13.787c6.39%200%2011.57-5.18%2011.57-11.57s-5.18-11.57-11.57-11.57m-53.014%2015.728s1.457%207.411-4.18%207.411H48.092c-6.39%200-11.57-5.18-11.57-11.57s5.18-11.57%2011.57-11.57h25.94c4.188-.242%205.18-2.66%205.18-2.66l.024.012l33.86-58.648l-.01-.002c.617-1.133.103-2.204.014-2.373l-11.183-19.369c-3.195-5.533-1.299-12.61%204.235-15.804s12.61-1.3%2015.805%204.234l5.186%208.983l5.177-8.967c3.195-5.533%2010.271-7.43%2015.805-4.234s7.43%2010.27%204.235%2015.804l-47.118%2081.61c-.206.497-.269%201.277%201.264%201.414h28.164l.006.275s16.278.253%2018.495%2015.454%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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG5lqYietg%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2317c9fb%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%231a74e8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVG5lqYietg)%22%20d%3D%22M56.064%200h143.872C230.9%200%20256%2025.1%20256%2056.064v143.872C256%20230.9%20230.9%20256%20199.936%20256H56.064C25.1%20256%200%20230.9%200%20199.936V56.064C0%2025.1%2025.1%200%2056.064%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m82.042%20185.81l.024.008l-8.753%2015.16c-3.195%205.534-10.271%207.43-15.805%204.235s-7.43-10.271-4.235-15.805l6.448-11.168l.619-1.072c1.105-1.588%203.832-4.33%209.287-3.814c0%200%2012.837%201.393%2013.766%208.065c0%200%20.126%202.195-1.351%204.391m124.143-38.72h-27.294c-1.859-.125-2.67-.789-2.99-1.175l-.02-.035l-29.217-50.606l-.038.025l-1.752-2.512c-2.872-4.392-7.432%206.84-7.432%206.84c-5.445%2012.516.773%2026.745%202.94%2031.046l40.582%2070.29c3.194%205.533%2010.27%207.43%2015.805%204.234c5.533-3.195%207.43-10.271%204.234-15.805l-10.147-17.576c-.197-.426-.539-1.582%201.542-1.587h13.787c6.39%200%2011.57-5.18%2011.57-11.57s-5.18-11.57-11.57-11.57m-53.014%2015.728s1.457%207.411-4.18%207.411H48.092c-6.39%200-11.57-5.18-11.57-11.57s5.18-11.57%2011.57-11.57h25.94c4.188-.242%205.18-2.66%205.18-2.66l.024.012l33.86-58.648l-.01-.002c.617-1.133.103-2.204.014-2.373l-11.183-19.369c-3.195-5.533-1.299-12.61%204.235-15.804s12.61-1.3%2015.805%204.234l5.186%208.983l5.177-8.967c3.195-5.533%2010.271-7.43%2015.805-4.234s7.43%2010.27%204.235%2015.804l-47.118%2081.61c-.206.497-.269%201.277%201.264%201.414h28.164l.006.275s16.278.253%2018.495%2015.454%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/apple-app-store.svg?color=%231a73e8&size=48
