apple icon
apple from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- apple
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
appleBootstrap IconsappleBoxicons BrandsappleCarbonappleCatppuccin IconsappleDeviconappleFont Awesome 6 BrandsappleHuge IconsappleIconoirappleJam IconsappleSVG LogosappleLucideappleMage IconsappleMaterial Design Iconsapple-fillMingCute IconappleOpenMojiapplePixelarticonsapple-fillRemix IconappleSimple Iconsapple-darkSkill IconsappleTabler Iconsapple-outlineTeenyiconsappleUniconsappleUnicons Monochrome
More other icons from Line Awesome
Use the apple icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20.844 2c-1.64 0-3.297.852-4.407 2.156v.032c-.789.98-1.644 2.527-1.375 4.312c-.128-.05-.136-.035-.28-.094c-.692-.281-1.548-.594-2.563-.594c-3.98 0-7 3.606-7 8.344c0 3.067 1.031 5.942 2.406 8.094c.688 1.078 1.469 1.965 2.281 2.625S11.57 28 12.531 28s1.68-.324 2.219-.563c.54-.238.957-.437 1.75-.437c.715 0 1.078.195 1.625.438c.547.242 1.293.562 2.281.562c1.07 0 1.98-.523 2.719-1.188s1.36-1.519 1.875-2.343c.516-.824.922-1.633 1.219-2.282c.148-.324.258-.593.343-.812s.13-.281.188-.531l.188-.813l-.75-.343a5.3 5.3 0 0 1-1.5-1.063c-.625-.637-1.157-1.508-1.157-2.844A4.08 4.08 0 0 1 24.563 13c.265-.309.542-.563.75-.719c.105-.078.187-.117.25-.156c.062-.04.05-.027.156-.094l.843-.531l-.562-.844c-1.633-2.511-4.246-2.844-5.281-2.844c-.48 0-.82.168-1.25.25c.242-.226.554-.367.75-.624c.004-.004-.004-.028 0-.032q.018-.016.031-.031h.031a6.16 6.16 0 0 0 1.563-4.438L21.78 2zm-1.188 2.313c-.172.66-.453 1.289-.906 1.78l-.063.063c-.382.516-.972.899-1.562 1.125c.164-.652.45-1.312.844-1.812c.008-.012.023-.02.031-.032c.438-.5 1.043-.875 1.656-1.125zm-7.437 5.5c.558 0 1.172.21 1.812.468s1.239.594 2.094.594c.852 0 1.496-.336 2.25-.594s1.559-.469 2.344-.469c.523 0 1.816.333 2.906 1.344c-.191.172-.36.297-.563.531a6.2 6.2 0 0 0-1.53 4.094c0 1.906.831 3.34 1.718 4.25c.55.563.89.696 1.313.938c-.055.125-.086.222-.157.375a19 19 0 0 1-1.093 2.062c-.454.727-1.004 1.434-1.532 1.907c-.527.472-1 .687-1.375.687c-.566 0-.898-.156-1.468-.406S17.581 25 16.5 25c-1.137 0-1.977.336-2.563.594c-.585.258-.89.406-1.406.406c-.246 0-.777-.2-1.375-.688c-.597-.488-1.254-1.23-1.844-2.156c-1.183-1.851-2.093-4.394-2.093-7c0-3.941 2.199-6.343 5-6.343"/></svg>
React
import type { SVGProps } from "react";
export function LaApple(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="M20.844 2c-1.64 0-3.297.852-4.407 2.156v.032c-.789.98-1.644 2.527-1.375 4.312c-.128-.05-.136-.035-.28-.094c-.692-.281-1.548-.594-2.563-.594c-3.98 0-7 3.606-7 8.344c0 3.067 1.031 5.942 2.406 8.094c.688 1.078 1.469 1.965 2.281 2.625S11.57 28 12.531 28s1.68-.324 2.219-.563c.54-.238.957-.437 1.75-.437c.715 0 1.078.195 1.625.438c.547.242 1.293.562 2.281.562c1.07 0 1.98-.523 2.719-1.188s1.36-1.519 1.875-2.343c.516-.824.922-1.633 1.219-2.282c.148-.324.258-.593.343-.812s.13-.281.188-.531l.188-.813l-.75-.343a5.3 5.3 0 0 1-1.5-1.063c-.625-.637-1.157-1.508-1.157-2.844A4.08 4.08 0 0 1 24.563 13c.265-.309.542-.563.75-.719c.105-.078.187-.117.25-.156c.062-.04.05-.027.156-.094l.843-.531l-.562-.844c-1.633-2.511-4.246-2.844-5.281-2.844c-.48 0-.82.168-1.25.25c.242-.226.554-.367.75-.624c.004-.004-.004-.028 0-.032q.018-.016.031-.031h.031a6.16 6.16 0 0 0 1.563-4.438L21.78 2zm-1.188 2.313c-.172.66-.453 1.289-.906 1.78l-.063.063c-.382.516-.972.899-1.562 1.125c.164-.652.45-1.312.844-1.812c.008-.012.023-.02.031-.032c.438-.5 1.043-.875 1.656-1.125zm-7.437 5.5c.558 0 1.172.21 1.812.468s1.239.594 2.094.594c.852 0 1.496-.336 2.25-.594s1.559-.469 2.344-.469c.523 0 1.816.333 2.906 1.344c-.191.172-.36.297-.563.531a6.2 6.2 0 0 0-1.53 4.094c0 1.906.831 3.34 1.718 4.25c.55.563.89.696 1.313.938c-.055.125-.086.222-.157.375a19 19 0 0 1-1.093 2.062c-.454.727-1.004 1.434-1.532 1.907c-.527.472-1 .687-1.375.687c-.566 0-.898-.156-1.468-.406S17.581 25 16.5 25c-1.137 0-1.977.336-2.563.594c-.585.258-.89.406-1.406.406c-.246 0-.777-.2-1.375-.688c-.597-.488-1.254-1.23-1.844-2.156c-1.183-1.851-2.093-4.394-2.093-7c0-3.941 2.199-6.343 5-6.343"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20.844 2c-1.64 0-3.297.852-4.407 2.156v.032c-.789.98-1.644 2.527-1.375 4.312c-.128-.05-.136-.035-.28-.094c-.692-.281-1.548-.594-2.563-.594c-3.98 0-7 3.606-7 8.344c0 3.067 1.031 5.942 2.406 8.094c.688 1.078 1.469 1.965 2.281 2.625S11.57 28 12.531 28s1.68-.324 2.219-.563c.54-.238.957-.437 1.75-.437c.715 0 1.078.195 1.625.438c.547.242 1.293.562 2.281.562c1.07 0 1.98-.523 2.719-1.188s1.36-1.519 1.875-2.343c.516-.824.922-1.633 1.219-2.282c.148-.324.258-.593.343-.812s.13-.281.188-.531l.188-.813l-.75-.343a5.3 5.3 0 0 1-1.5-1.063c-.625-.637-1.157-1.508-1.157-2.844A4.08 4.08 0 0 1 24.563 13c.265-.309.542-.563.75-.719c.105-.078.187-.117.25-.156c.062-.04.05-.027.156-.094l.843-.531l-.562-.844c-1.633-2.511-4.246-2.844-5.281-2.844c-.48 0-.82.168-1.25.25c.242-.226.554-.367.75-.624c.004-.004-.004-.028 0-.032q.018-.016.031-.031h.031a6.16 6.16 0 0 0 1.563-4.438L21.78 2zm-1.188 2.313c-.172.66-.453 1.289-.906 1.78l-.063.063c-.382.516-.972.899-1.562 1.125c.164-.652.45-1.312.844-1.812c.008-.012.023-.02.031-.032c.438-.5 1.043-.875 1.656-1.125zm-7.437 5.5c.558 0 1.172.21 1.812.468s1.239.594 2.094.594c.852 0 1.496-.336 2.25-.594s1.559-.469 2.344-.469c.523 0 1.816.333 2.906 1.344c-.191.172-.36.297-.563.531a6.2 6.2 0 0 0-1.53 4.094c0 1.906.831 3.34 1.718 4.25c.55.563.89.696 1.313.938c-.055.125-.086.222-.157.375a19 19 0 0 1-1.093 2.062c-.454.727-1.004 1.434-1.532 1.907c-.527.472-1 .687-1.375.687c-.566 0-.898-.156-1.468-.406S17.581 25 16.5 25c-1.137 0-1.977.336-2.563.594c-.585.258-.89.406-1.406.406c-.246 0-.777-.2-1.375-.688c-.597-.488-1.254-1.23-1.844-2.156c-1.183-1.851-2.093-4.394-2.093-7c0-3.941 2.199-6.343 5-6.343"/></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%22M20.844%202c-1.64%200-3.297.852-4.407%202.156v.032c-.789.98-1.644%202.527-1.375%204.312c-.128-.05-.136-.035-.28-.094c-.692-.281-1.548-.594-2.563-.594c-3.98%200-7%203.606-7%208.344c0%203.067%201.031%205.942%202.406%208.094c.688%201.078%201.469%201.965%202.281%202.625S11.57%2028%2012.531%2028s1.68-.324%202.219-.563c.54-.238.957-.437%201.75-.437c.715%200%201.078.195%201.625.438c.547.242%201.293.562%202.281.562c1.07%200%201.98-.523%202.719-1.188s1.36-1.519%201.875-2.343c.516-.824.922-1.633%201.219-2.282c.148-.324.258-.593.343-.812s.13-.281.188-.531l.188-.813l-.75-.343a5.3%205.3%200%200%201-1.5-1.063c-.625-.637-1.157-1.508-1.157-2.844A4.08%204.08%200%200%201%2024.563%2013c.265-.309.542-.563.75-.719c.105-.078.187-.117.25-.156c.062-.04.05-.027.156-.094l.843-.531l-.562-.844c-1.633-2.511-4.246-2.844-5.281-2.844c-.48%200-.82.168-1.25.25c.242-.226.554-.367.75-.624c.004-.004-.004-.028%200-.032q.018-.016.031-.031h.031a6.16%206.16%200%200%200%201.563-4.438L21.78%202zm-1.188%202.313c-.172.66-.453%201.289-.906%201.78l-.063.063c-.382.516-.972.899-1.562%201.125c.164-.652.45-1.312.844-1.812c.008-.012.023-.02.031-.032c.438-.5%201.043-.875%201.656-1.125zm-7.437%205.5c.558%200%201.172.21%201.812.468s1.239.594%202.094.594c.852%200%201.496-.336%202.25-.594s1.559-.469%202.344-.469c.523%200%201.816.333%202.906%201.344c-.191.172-.36.297-.563.531a6.2%206.2%200%200%200-1.53%204.094c0%201.906.831%203.34%201.718%204.25c.55.563.89.696%201.313.938c-.055.125-.086.222-.157.375a19%2019%200%200%201-1.093%202.062c-.454.727-1.004%201.434-1.532%201.907c-.527.472-1%20.687-1.375.687c-.566%200-.898-.156-1.468-.406S17.581%2025%2016.5%2025c-1.137%200-1.977.336-2.563.594c-.585.258-.89.406-1.406.406c-.246%200-.777-.2-1.375-.688c-.597-.488-1.254-1.23-1.844-2.156c-1.183-1.851-2.093-4.394-2.093-7c0-3.941%202.199-6.343%205-6.343%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%22M20.844%202c-1.64%200-3.297.852-4.407%202.156v.032c-.789.98-1.644%202.527-1.375%204.312c-.128-.05-.136-.035-.28-.094c-.692-.281-1.548-.594-2.563-.594c-3.98%200-7%203.606-7%208.344c0%203.067%201.031%205.942%202.406%208.094c.688%201.078%201.469%201.965%202.281%202.625S11.57%2028%2012.531%2028s1.68-.324%202.219-.563c.54-.238.957-.437%201.75-.437c.715%200%201.078.195%201.625.438c.547.242%201.293.562%202.281.562c1.07%200%201.98-.523%202.719-1.188s1.36-1.519%201.875-2.343c.516-.824.922-1.633%201.219-2.282c.148-.324.258-.593.343-.812s.13-.281.188-.531l.188-.813l-.75-.343a5.3%205.3%200%200%201-1.5-1.063c-.625-.637-1.157-1.508-1.157-2.844A4.08%204.08%200%200%201%2024.563%2013c.265-.309.542-.563.75-.719c.105-.078.187-.117.25-.156c.062-.04.05-.027.156-.094l.843-.531l-.562-.844c-1.633-2.511-4.246-2.844-5.281-2.844c-.48%200-.82.168-1.25.25c.242-.226.554-.367.75-.624c.004-.004-.004-.028%200-.032q.018-.016.031-.031h.031a6.16%206.16%200%200%200%201.563-4.438L21.78%202zm-1.188%202.313c-.172.66-.453%201.289-.906%201.78l-.063.063c-.382.516-.972.899-1.562%201.125c.164-.652.45-1.312.844-1.812c.008-.012.023-.02.031-.032c.438-.5%201.043-.875%201.656-1.125zm-7.437%205.5c.558%200%201.172.21%201.812.468s1.239.594%202.094.594c.852%200%201.496-.336%202.25-.594s1.559-.469%202.344-.469c.523%200%201.816.333%202.906%201.344c-.191.172-.36.297-.563.531a6.2%206.2%200%200%200-1.53%204.094c0%201.906.831%203.34%201.718%204.25c.55.563.89.696%201.313.938c-.055.125-.086.222-.157.375a19%2019%200%200%201-1.093%202.062c-.454.727-1.004%201.434-1.532%201.907c-.527.472-1%20.687-1.375.687c-.566%200-.898-.156-1.468-.406S17.581%2025%2016.5%2025c-1.137%200-1.977.336-2.563.594c-.585.258-.89.406-1.406.406c-.246%200-.777-.2-1.375-.688c-.597-.488-1.254-1.23-1.844-2.156c-1.183-1.851-2.093-4.394-2.093-7c0-3.941%202.199-6.343%205-6.343%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/apple.svg?color=%231a73e8&size=48
