apple alt icon

apple-alt from Font Awesome Solid by Dave Gandy · Solid · Autumn · CC-BY-4.0 Attribution required.

Name
apple-alt
Set
Font Awesome Solid
Style
Solid
Category
Autumn
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

apple-altLine Awesomeapple-altUniconsapple-altUnicons Monochrome

More autumn icons from Font Awesome Solid

campgroundcloud-sundrumstick-bitefootball-ballhikingmountaintractortreewindwine-bottleapple-whole

Use the apple alt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 176c-8.8 0-16-7.2-16-16v-16c0-44.2 35.8-80 80-80h16c8.8 0 16 7.2 16 16v16c0 44.2-35.8 80-80 80zM96 352c0-76.3 35.7-160 112-160c27.3 0 59.7 10.3 82.7 19.3c18.8 7.3 39.9 7.3 58.7 0c22.9-8.9 55.4-19.3 82.7-19.3c76.3 0 112 83.7 112 160c0 128-80 224-160 224c-16.5 0-38.1-6.6-51.5-11.3c-8.1-2.8-16.9-2.8-25 0c-13.4 4.7-35 11.3-51.5 11.3c-80 0-160-96-160-224z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidAppleAlt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 176c-8.8 0-16-7.2-16-16v-16c0-44.2 35.8-80 80-80h16c8.8 0 16 7.2 16 16v16c0 44.2-35.8 80-80 80zM96 352c0-76.3 35.7-160 112-160c27.3 0 59.7 10.3 82.7 19.3c18.8 7.3 39.9 7.3 58.7 0c22.9-8.9 55.4-19.3 82.7-19.3c76.3 0 112 83.7 112 160c0 128-80 224-160 224c-16.5 0-38.1-6.6-51.5-11.3c-8.1-2.8-16.9-2.8-25 0c-13.4 4.7-35 11.3-51.5 11.3c-80 0-160-96-160-224z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 176c-8.8 0-16-7.2-16-16v-16c0-44.2 35.8-80 80-80h16c8.8 0 16 7.2 16 16v16c0 44.2-35.8 80-80 80zM96 352c0-76.3 35.7-160 112-160c27.3 0 59.7 10.3 82.7 19.3c18.8 7.3 39.9 7.3 58.7 0c22.9-8.9 55.4-19.3 82.7-19.3c76.3 0 112 83.7 112 160c0 128-80 224-160 224c-16.5 0-38.1-6.6-51.5-11.3c-8.1-2.8-16.9-2.8-25 0c-13.4 4.7-35 11.3-51.5 11.3c-80 0-160-96-160-224z"/></svg>
</template>

CSS

.icon-apple-alt {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20176c-8.8%200-16-7.2-16-16v-16c0-44.2%2035.8-80%2080-80h16c8.8%200%2016%207.2%2016%2016v16c0%2044.2-35.8%2080-80%2080zM96%20352c0-76.3%2035.7-160%20112-160c27.3%200%2059.7%2010.3%2082.7%2019.3c18.8%207.3%2039.9%207.3%2058.7%200c22.9-8.9%2055.4-19.3%2082.7-19.3c76.3%200%20112%2083.7%20112%20160c0%20128-80%20224-160%20224c-16.5%200-38.1-6.6-51.5-11.3c-8.1-2.8-16.9-2.8-25%200c-13.4%204.7-35%2011.3-51.5%2011.3c-80%200-160-96-160-224z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20176c-8.8%200-16-7.2-16-16v-16c0-44.2%2035.8-80%2080-80h16c8.8%200%2016%207.2%2016%2016v16c0%2044.2-35.8%2080-80%2080zM96%20352c0-76.3%2035.7-160%20112-160c27.3%200%2059.7%2010.3%2082.7%2019.3c18.8%207.3%2039.9%207.3%2058.7%200c22.9-8.9%2055.4-19.3%2082.7-19.3c76.3%200%20112%2083.7%20112%20160c0%20128-80%20224-160%20224c-16.5%200-38.1-6.6-51.5-11.3c-8.1-2.8-16.9-2.8-25%200c-13.4%204.7-35%2011.3-51.5%2011.3c-80%200-160-96-160-224z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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