apple icon

Apple: fruit, apple, nutrition, fruits. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8.038 3.474C8.083 3.185 8.167 2.922 8.289 2.688C8.486 2.31 8.785 1.998 9.188 1.75C9.921 1.298 11.027 1.051 12.504 1.007C12.531 1.006 12.558 1.008 12.585 1.012C12.703 1.03 12.809 1.095 12.88 1.191C12.95 1.287 12.98 1.408 12.962 1.526C12.917 1.815 12.833 2.078 12.711 2.312C12.514 2.69 12.215 3.002 11.813 3.25C11.079 3.702 9.973 3.949 8.497 3.993C8.469 3.994 8.442 3.992 8.415 3.988C8.169 3.95 8.001 3.72 8.038 3.474ZM8.237 5.745C8.817 5.248 9.404 5 10 5C10.447 5 10.867 5.106 11.26 5.318C11.621 5.512 11.937 5.783 12.207 6.131C12.461 6.457 12.657 6.827 12.795 7.24C12.932 7.651 13 8.071 13 8.5C13 9.156 12.909 9.859 12.728 10.61C12.553 11.337 12.315 12.017 12.014 12.652C11.696 13.324 11.345 13.86 10.963 14.26C10.49 14.753 10.003 15 9.5 15C8.963 15 8.482 14.872 8.055 14.616C7.89 14.517 7.722 14.393 7.552 14.242C7.536 14.228 7.518 14.212 7.5 14.195C7.482 14.212 7.464 14.228 7.448 14.242C7.278 14.393 7.11 14.517 6.945 14.616C6.518 14.872 6.037 15 5.5 15C4.997 15 4.51 14.753 4.037 14.26C3.655 13.86 3.304 13.324 2.986 12.652C2.685 12.017 2.447 11.337 2.272 10.61C2.091 9.859 2 9.156 2 8.5C2 8.071 2.068 7.651 2.205 7.24C2.343 6.827 2.539 6.457 2.793 6.131C3.063 5.783 3.379 5.512 3.74 5.318C4.133 5.106 4.553 5 5 5C5.596 5 6.183 5.248 6.763 5.745C6.845 5.815 6.924 5.888 7 5.963L7 2.5C7 2.359 7.048 2.241 7.144 2.144C7.241 2.048 7.359 2 7.5 2C7.641 2 7.759 2.048 7.856 2.144C7.952 2.241 8 2.359 8 2.5L8 5.963C8.076 5.888 8.155 5.815 8.237 5.745ZM7.341 7.977C7.212 7.934 7.116 7.85 7.053 7.724C6.812 7.242 6.498 6.836 6.112 6.505C5.72 6.168 5.349 6 5 6C4.721 6 4.459 6.066 4.214 6.198C3.977 6.326 3.766 6.508 3.582 6.744C3.398 6.981 3.256 7.251 3.154 7.557C3.051 7.865 3 8.179 3 8.5C3 9.076 3.081 9.701 3.244 10.375C3.403 11.035 3.618 11.651 3.889 12.223C4.162 12.799 4.452 13.247 4.76 13.568C5.035 13.856 5.282 14 5.5 14C5.852 14 6.162 13.92 6.43 13.759C6.543 13.691 6.662 13.602 6.786 13.492C6.867 13.421 6.987 13.306 7.146 13.146C7.246 13.047 7.364 12.997 7.5 12.997C7.636 12.997 7.754 13.047 7.854 13.146C8.013 13.306 8.133 13.421 8.214 13.492C8.338 13.602 8.457 13.691 8.57 13.759C8.838 13.92 9.148 14 9.5 14C9.718 14 9.965 13.856 10.24 13.568C10.548 13.247 10.838 12.799 11.111 12.223C11.382 11.651 11.597 11.035 11.756 10.375C11.919 9.701 12 9.076 12 8.5C12 8.179 11.949 7.865 11.846 7.557C11.744 7.251 11.602 6.981 11.418 6.744C11.234 6.508 11.023 6.326 10.786 6.198C10.541 6.066 10.279 6 10 6C9.651 6 9.28 6.168 8.888 6.505C8.502 6.836 8.188 7.242 7.947 7.724C7.898 7.823 7.823 7.898 7.724 7.947C7.598 8.01 7.47 8.02 7.341 7.977Z"/></svg>

React

// Gentleface "apple" (line-round), MIT. https://gentleface.com/icons/apple
import type { SVGProps } from 'react';

export function AppleIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M8.038 3.474C8.083 3.185 8.167 2.922 8.289 2.688C8.486 2.31 8.785 1.998 9.188 1.75C9.921 1.298 11.027 1.051 12.504 1.007C12.531 1.006 12.558 1.008 12.585 1.012C12.703 1.03 12.809 1.095 12.88 1.191C12.95 1.287 12.98 1.408 12.962 1.526C12.917 1.815 12.833 2.078 12.711 2.312C12.514 2.69 12.215 3.002 11.813 3.25C11.079 3.702 9.973 3.949 8.497 3.993C8.469 3.994 8.442 3.992 8.415 3.988C8.169 3.95 8.001 3.72 8.038 3.474ZM8.237 5.745C8.817 5.248 9.404 5 10 5C10.447 5 10.867 5.106 11.26 5.318C11.621 5.512 11.937 5.783 12.207 6.131C12.461 6.457 12.657 6.827 12.795 7.24C12.932 7.651 13 8.071 13 8.5C13 9.156 12.909 9.859 12.728 10.61C12.553 11.337 12.315 12.017 12.014 12.652C11.696 13.324 11.345 13.86 10.963 14.26C10.49 14.753 10.003 15 9.5 15C8.963 15 8.482 14.872 8.055 14.616C7.89 14.517 7.722 14.393 7.552 14.242C7.536 14.228 7.518 14.212 7.5 14.195C7.482 14.212 7.464 14.228 7.448 14.242C7.278 14.393 7.11 14.517 6.945 14.616C6.518 14.872 6.037 15 5.5 15C4.997 15 4.51 14.753 4.037 14.26C3.655 13.86 3.304 13.324 2.986 12.652C2.685 12.017 2.447 11.337 2.272 10.61C2.091 9.859 2 9.156 2 8.5C2 8.071 2.068 7.651 2.205 7.24C2.343 6.827 2.539 6.457 2.793 6.131C3.063 5.783 3.379 5.512 3.74 5.318C4.133 5.106 4.553 5 5 5C5.596 5 6.183 5.248 6.763 5.745C6.845 5.815 6.924 5.888 7 5.963L7 2.5C7 2.359 7.048 2.241 7.144 2.144C7.241 2.048 7.359 2 7.5 2C7.641 2 7.759 2.048 7.856 2.144C7.952 2.241 8 2.359 8 2.5L8 5.963C8.076 5.888 8.155 5.815 8.237 5.745ZM7.341 7.977C7.212 7.934 7.116 7.85 7.053 7.724C6.812 7.242 6.498 6.836 6.112 6.505C5.72 6.168 5.349 6 5 6C4.721 6 4.459 6.066 4.214 6.198C3.977 6.326 3.766 6.508 3.582 6.744C3.398 6.981 3.256 7.251 3.154 7.557C3.051 7.865 3 8.179 3 8.5C3 9.076 3.081 9.701 3.244 10.375C3.403 11.035 3.618 11.651 3.889 12.223C4.162 12.799 4.452 13.247 4.76 13.568C5.035 13.856 5.282 14 5.5 14C5.852 14 6.162 13.92 6.43 13.759C6.543 13.691 6.662 13.602 6.786 13.492C6.867 13.421 6.987 13.306 7.146 13.146C7.246 13.047 7.364 12.997 7.5 12.997C7.636 12.997 7.754 13.047 7.854 13.146C8.013 13.306 8.133 13.421 8.214 13.492C8.338 13.602 8.457 13.691 8.57 13.759C8.838 13.92 9.148 14 9.5 14C9.718 14 9.965 13.856 10.24 13.568C10.548 13.247 10.838 12.799 11.111 12.223C11.382 11.651 11.597 11.035 11.756 10.375C11.919 9.701 12 9.076 12 8.5C12 8.179 11.949 7.865 11.846 7.557C11.744 7.251 11.602 6.981 11.418 6.744C11.234 6.508 11.023 6.326 10.786 6.198C10.541 6.066 10.279 6 10 6C9.651 6 9.28 6.168 8.888 6.505C8.502 6.836 8.188 7.242 7.947 7.724C7.898 7.823 7.823 7.898 7.724 7.947C7.598 8.01 7.47 8.02 7.341 7.977Z" />
    </svg>
  );
}

Vue

Vue: see /icons/apple.md

Svelte

Svelte: see /icons/apple.md

HTML img

HTML img: see /icons/apple.md

CSS

CSS: see /icons/apple.md

Data URL

Data URL: see /icons/apple.md

Sprite

Sprite: see /icons/apple.md

SwiftUI

SwiftUI: see /icons/apple.md

Compose

Compose: see /icons/apple.md

Android XML

Android XML: see /icons/apple.md

Flutter

Flutter: see /icons/apple.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

fruit, apple, nutrition, fruits, diet, healthy eating, nutrients

Alternatives

salad: a healthy meal

Tags

apple, fruit, food, healthy, nutrition, diet, produce, snack, groceries, vegetarian

Category

Food & drink

Component name

AppleIcon

History

2026-10-16 added

More food & drink icons

bean bean-off beer bowl bowl-chopsticks bread burger cake carrot cheese chef-hat coffee cookie cookie-off cooking-pot egg · all food & drink icons

For agents

Metadata: /icons/apple.json · Markdown: /icons/apple.md · SVG: https://gentleface.com/svg/{style}/16/apple.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/apple.png

apple icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More food & drink icons

For agents

apple icon