app store ios logo

app-store-ios from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
app-store-ios
Set
Font Awesome 6 Brands
Style
Regular
Viewbox
448×512
License
CC BY 4.0

The same logo in other sets

app-store-iosCoreUI Brandsapp-store-iosFont Awesome Brandsapp-store-iosLine Awesome

Related icons in Font Awesome 6 Brands

app-store

Use the app store ios logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48M127 384.5c-5.5 9.6-17.8 12.8-27.3 7.3c-9.6-5.5-12.8-17.8-7.3-27.3l14.3-24.7q24.15-7.35 39.6 11.4zm138.9-53.9H84c-11 0-20-9-20-20s9-20 20-20h51l65.4-113.2l-20.5-35.4c-5.5-9.6-2.2-21.8 7.3-27.3c9.6-5.5 21.8-2.2 27.3 7.3l8.9 15.4l8.9-15.4c5.5-9.6 17.8-12.8 27.3-7.3c9.6 5.5 12.8 17.8 7.3 27.3l-85.8 148.6h62.1c20.2 0 31.5 23.7 22.7 40m98.1 0h-29l19.6 33.9c5.5 9.6 2.2 21.8-7.3 27.3c-9.6 5.5-21.8 2.2-27.3-7.3c-32.9-56.9-57.5-99.7-74-128.1c-16.7-29-4.8-58 7.1-67.8c13.1 22.7 32.7 56.7 58.9 102h52c11 0 20 9 20 20c0 11.1-9 20-20 20"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsAppStoreIos(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48M127 384.5c-5.5 9.6-17.8 12.8-27.3 7.3c-9.6-5.5-12.8-17.8-7.3-27.3l14.3-24.7q24.15-7.35 39.6 11.4zm138.9-53.9H84c-11 0-20-9-20-20s9-20 20-20h51l65.4-113.2l-20.5-35.4c-5.5-9.6-2.2-21.8 7.3-27.3c9.6-5.5 21.8-2.2 27.3 7.3l8.9 15.4l8.9-15.4c5.5-9.6 17.8-12.8 27.3-7.3c9.6 5.5 12.8 17.8 7.3 27.3l-85.8 148.6h62.1c20.2 0 31.5 23.7 22.7 40m98.1 0h-29l19.6 33.9c5.5 9.6 2.2 21.8-7.3 27.3c-9.6 5.5-21.8 2.2-27.3-7.3c-32.9-56.9-57.5-99.7-74-128.1c-16.7-29-4.8-58 7.1-67.8c13.1 22.7 32.7 56.7 58.9 102h52c11 0 20 9 20 20c0 11.1-9 20-20 20"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48M127 384.5c-5.5 9.6-17.8 12.8-27.3 7.3c-9.6-5.5-12.8-17.8-7.3-27.3l14.3-24.7q24.15-7.35 39.6 11.4zm138.9-53.9H84c-11 0-20-9-20-20s9-20 20-20h51l65.4-113.2l-20.5-35.4c-5.5-9.6-2.2-21.8 7.3-27.3c9.6-5.5 21.8-2.2 27.3 7.3l8.9 15.4l8.9-15.4c5.5-9.6 17.8-12.8 27.3-7.3c9.6 5.5 12.8 17.8 7.3 27.3l-85.8 148.6h62.1c20.2 0 31.5 23.7 22.7 40m98.1 0h-29l19.6 33.9c5.5 9.6 2.2 21.8-7.3 27.3c-9.6 5.5-21.8 2.2-27.3-7.3c-32.9-56.9-57.5-99.7-74-128.1c-16.7-29-4.8-58 7.1-67.8c13.1 22.7 32.7 56.7 58.9 102h52c11 0 20 9 20 20c0 11.1-9 20-20 20"/></svg>
</template>

CSS

.icon-app-store-ios {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M400%2032H48C21.5%2032%200%2053.5%200%2080v352c0%2026.5%2021.5%2048%2048%2048h352c26.5%200%2048-21.5%2048-48V80c0-26.5-21.5-48-48-48M127%20384.5c-5.5%209.6-17.8%2012.8-27.3%207.3c-9.6-5.5-12.8-17.8-7.3-27.3l14.3-24.7q24.15-7.35%2039.6%2011.4zm138.9-53.9H84c-11%200-20-9-20-20s9-20%2020-20h51l65.4-113.2l-20.5-35.4c-5.5-9.6-2.2-21.8%207.3-27.3c9.6-5.5%2021.8-2.2%2027.3%207.3l8.9%2015.4l8.9-15.4c5.5-9.6%2017.8-12.8%2027.3-7.3c9.6%205.5%2012.8%2017.8%207.3%2027.3l-85.8%20148.6h62.1c20.2%200%2031.5%2023.7%2022.7%2040m98.1%200h-29l19.6%2033.9c5.5%209.6%202.2%2021.8-7.3%2027.3c-9.6%205.5-21.8%202.2-27.3-7.3c-32.9-56.9-57.5-99.7-74-128.1c-16.7-29-4.8-58%207.1-67.8c13.1%2022.7%2032.7%2056.7%2058.9%20102h52c11%200%2020%209%2020%2020c0%2011.1-9%2020-20%2020%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M400%2032H48C21.5%2032%200%2053.5%200%2080v352c0%2026.5%2021.5%2048%2048%2048h352c26.5%200%2048-21.5%2048-48V80c0-26.5-21.5-48-48-48M127%20384.5c-5.5%209.6-17.8%2012.8-27.3%207.3c-9.6-5.5-12.8-17.8-7.3-27.3l14.3-24.7q24.15-7.35%2039.6%2011.4zm138.9-53.9H84c-11%200-20-9-20-20s9-20%2020-20h51l65.4-113.2l-20.5-35.4c-5.5-9.6-2.2-21.8%207.3-27.3c9.6-5.5%2021.8-2.2%2027.3%207.3l8.9%2015.4l8.9-15.4c5.5-9.6%2017.8-12.8%2027.3-7.3c9.6%205.5%2012.8%2017.8%207.3%2027.3l-85.8%20148.6h62.1c20.2%200%2031.5%2023.7%2022.7%2040m98.1%200h-29l19.6%2033.9c5.5%209.6%202.2%2021.8-7.3%2027.3c-9.6%205.5-21.8%202.2-27.3-7.3c-32.9-56.9-57.5-99.7-74-128.1c-16.7-29-4.8-58%207.1-67.8c13.1%2022.7%2032.7%2056.7%2058.9%20102h52c11%200%2020%209%2020%2020c0%2011.1-9%2020-20%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/app-store-ios.svg?color=%231a73e8&size=48