# apple icon

Apple. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/apple

- Category: Food & drink
- Use it for: fruit, apple, nutrition, fruits, diet, healthy eating, nutrients
- Tags: apple, fruit, food, healthy, nutrition, diet, produce, snack, groceries, vegetarian
- Component name: AppleIcon
- Added: 2026-10-16

## Alternatives

- `salad`: a healthy meal

## Files

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.

- line-round: https://gentleface.com/svg/line-round/16/apple.svg · PNG https://gentleface.com/png/line-round/16/apple.png · https://gentleface.com/png/line-round/32/apple.png · https://gentleface.com/png/line-round/48/apple.png
- line-soft: https://gentleface.com/svg/line-soft/16/apple.svg · PNG https://gentleface.com/png/line-soft/16/apple.png · https://gentleface.com/png/line-soft/32/apple.png · https://gentleface.com/png/line-soft/48/apple.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/apple.svg · PNG https://gentleface.com/png/line-sharp/16/apple.png · https://gentleface.com/png/line-sharp/32/apple.png · https://gentleface.com/png/line-sharp/48/apple.png
- solid-round: https://gentleface.com/svg/solid-round/16/apple.svg · PNG https://gentleface.com/png/solid-round/16/apple.png · https://gentleface.com/png/solid-round/32/apple.png · https://gentleface.com/png/solid-round/48/apple.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/apple.svg · PNG https://gentleface.com/png/solid-soft/16/apple.png · https://gentleface.com/png/solid-soft/32/apple.png · https://gentleface.com/png/solid-soft/48/apple.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/apple.svg · PNG https://gentleface.com/png/solid-sharp/16/apple.png · https://gentleface.com/png/solid-sharp/32/apple.png · https://gentleface.com/png/solid-sharp/48/apple.png

The SVG of every style: https://gentleface.com/icons/apple.json (`svg`).

## Code (line-round)

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. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```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

```tsx
// 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
<!-- Gentleface "apple" (line-round), MIT. https://gentleface.com/icons/apple -->
<template>
  <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>
</template>
```

### Svelte

```svelte
<!-- Gentleface "apple" (line-round), MIT. https://gentleface.com/icons/apple -->
<script>
  let props = $props();
</script>

<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>
```

### HTML img

```html
<!-- Gentleface "apple" (line-round), MIT. https://gentleface.com/icons/apple. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/apple.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "apple" (line-round), MIT. https://gentleface.com/icons/apple. Takes the text color. */
.icon-apple {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "apple" (line-round), MIT. https://gentleface.com/icons/apple
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#apple"/></svg>
```

### SwiftUI

```swift
// Gentleface "apple" (line-round), MIT. https://gentleface.com/icons/apple
import SwiftUI

struct AppleIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 8.038, y: 3.474))
        p.addCurve(to: CGPoint(x: 8.289, y: 2.688), control1: CGPoint(x: 8.083, y: 3.185), control2: CGPoint(x: 8.167, y: 2.922))
        p.addCurve(to: CGPoint(x: 9.188, y: 1.75), control1: CGPoint(x: 8.486, y: 2.31), control2: CGPoint(x: 8.785, y: 1.998))
        p.addCurve(to: CGPoint(x: 12.504, y: 1.007), control1: CGPoint(x: 9.921, y: 1.298), control2: CGPoint(x: 11.027, y: 1.051))
        p.addCurve(to: CGPoint(x: 12.585, y: 1.012), control1: CGPoint(x: 12.531, y: 1.006), control2: CGPoint(x: 12.558, y: 1.008))
        p.addCurve(to: CGPoint(x: 12.88, y: 1.191), control1: CGPoint(x: 12.703, y: 1.03), control2: CGPoint(x: 12.809, y: 1.095))
        p.addCurve(to: CGPoint(x: 12.962, y: 1.526), control1: CGPoint(x: 12.95, y: 1.287), control2: CGPoint(x: 12.98, y: 1.408))
        p.addCurve(to: CGPoint(x: 12.711, y: 2.312), control1: CGPoint(x: 12.917, y: 1.815), control2: CGPoint(x: 12.833, y: 2.078))
        p.addCurve(to: CGPoint(x: 11.813, y: 3.25), control1: CGPoint(x: 12.514, y: 2.69), control2: CGPoint(x: 12.215, y: 3.002))
        p.addCurve(to: CGPoint(x: 8.497, y: 3.993), control1: CGPoint(x: 11.079, y: 3.702), control2: CGPoint(x: 9.973, y: 3.949))
        p.addCurve(to: CGPoint(x: 8.415, y: 3.988), control1: CGPoint(x: 8.469, y: 3.994), control2: CGPoint(x: 8.442, y: 3.992))
        p.addCurve(to: CGPoint(x: 8.038, y: 3.474), control1: CGPoint(x: 8.169, y: 3.95), control2: CGPoint(x: 8.001, y: 3.72))
        p.closeSubpath()
        p.move(to: CGPoint(x: 8.237, y: 5.745))
        p.addCurve(to: CGPoint(x: 10, y: 5), control1: CGPoint(x: 8.817, y: 5.248), control2: CGPoint(x: 9.404, y: 5))
        p.addCurve(to: CGPoint(x: 11.26, y: 5.318), control1: CGPoint(x: 10.447, y: 5), control2: CGPoint(x: 10.867, y: 5.106))
        p.addCurve(to: CGPoint(x: 12.207, y: 6.131), control1: CGPoint(x: 11.621, y: 5.512), control2: CGPoint(x: 11.937, y: 5.783))
        p.addCurve(to: CGPoint(x: 12.795, y: 7.24), control1: CGPoint(x: 12.461, y: 6.457), control2: CGPoint(x: 12.657, y: 6.827))
        p.addCurve(to: CGPoint(x: 13, y: 8.5), control1: CGPoint(x: 12.932, y: 7.651), control2: CGPoint(x: 13, y: 8.071))
        p.addCurve(to: CGPoint(x: 12.728, y: 10.61), control1: CGPoint(x: 13, y: 9.156), control2: CGPoint(x: 12.909, y: 9.859))
        p.addCurve(to: CGPoint(x: 12.014, y: 12.652), control1: CGPoint(x: 12.553, y: 11.337), control2: CGPoint(x: 12.315, y: 12.017))
        p.addCurve(to: CGPoint(x: 10.963, y: 14.26), control1: CGPoint(x: 11.696, y: 13.324), control2: CGPoint(x: 11.345, y: 13.86))
        p.addCurve(to: CGPoint(x: 9.5, y: 15), control1: CGPoint(x: 10.49, y: 14.753), control2: CGPoint(x: 10.003, y: 15))
        p.addCurve(to: CGPoint(x: 8.055, y: 14.616), control1: CGPoint(x: 8.963, y: 15), control2: CGPoint(x: 8.482, y: 14.872))
        p.addCurve(to: CGPoint(x: 7.552, y: 14.242), control1: CGPoint(x: 7.89, y: 14.517), control2: CGPoint(x: 7.722, y: 14.393))
        p.addCurve(to: CGPoint(x: 7.5, y: 14.195), control1: CGPoint(x: 7.536, y: 14.228), control2: CGPoint(x: 7.518, y: 14.212))
        p.addCurve(to: CGPoint(x: 7.448, y: 14.242), control1: CGPoint(x: 7.482, y: 14.212), control2: CGPoint(x: 7.464, y: 14.228))
        p.addCurve(to: CGPoint(x: 6.945, y: 14.616), control1: CGPoint(x: 7.278, y: 14.393), control2: CGPoint(x: 7.11, y: 14.517))
        p.addCurve(to: CGPoint(x: 5.5, y: 15), control1: CGPoint(x: 6.518, y: 14.872), control2: CGPoint(x: 6.037, y: 15))
        p.addCurve(to: CGPoint(x: 4.037, y: 14.26), control1: CGPoint(x: 4.997, y: 15), control2: CGPoint(x: 4.51, y: 14.753))
        p.addCurve(to: CGPoint(x: 2.986, y: 12.652), control1: CGPoint(x: 3.655, y: 13.86), control2: CGPoint(x: 3.304, y: 13.324))
        p.addCurve(to: CGPoint(x: 2.272, y: 10.61), control1: CGPoint(x: 2.685, y: 12.017), control2: CGPoint(x: 2.447, y: 11.337))
        p.addCurve(to: CGPoint(x: 2, y: 8.5), control1: CGPoint(x: 2.091, y: 9.859), control2: CGPoint(x: 2, y: 9.156))
        p.addCurve(to: CGPoint(x: 2.205, y: 7.24), control1: CGPoint(x: 2, y: 8.071), control2: CGPoint(x: 2.068, y: 7.651))
        p.addCurve(to: CGPoint(x: 2.793, y: 6.131), control1: CGPoint(x: 2.343, y: 6.827), control2: CGPoint(x: 2.539, y: 6.457))
        p.addCurve(to: CGPoint(x: 3.74, y: 5.318), control1: CGPoint(x: 3.063, y: 5.783), control2: CGPoint(x: 3.379, y: 5.512))
        p.addCurve(to: CGPoint(x: 5, y: 5), control1: CGPoint(x: 4.133, y: 5.106), control2: CGPoint(x: 4.553, y: 5))
        p.addCurve(to: CGPoint(x: 6.763, y: 5.745), control1: CGPoint(x: 5.596, y: 5), control2: CGPoint(x: 6.183, y: 5.248))
        p.addCurve(to: CGPoint(x: 7, y: 5.963), control1: CGPoint(x: 6.845, y: 5.815), control2: CGPoint(x: 6.924, y: 5.888))
        p.addLine(to: CGPoint(x: 7, y: 2.5))
        p.addCurve(to: CGPoint(x: 7.144, y: 2.144), control1: CGPoint(x: 7, y: 2.359), control2: CGPoint(x: 7.048, y: 2.241))
        p.addCurve(to: CGPoint(x: 7.5, y: 2), control1: CGPoint(x: 7.241, y: 2.048), control2: CGPoint(x: 7.359, y: 2))
        p.addCurve(to: CGPoint(x: 7.856, y: 2.144), control1: CGPoint(x: 7.641, y: 2), control2: CGPoint(x: 7.759, y: 2.048))
        p.addCurve(to: CGPoint(x: 8, y: 2.5), control1: CGPoint(x: 7.952, y: 2.241), control2: CGPoint(x: 8, y: 2.359))
        p.addLine(to: CGPoint(x: 8, y: 5.963))
        p.addCurve(to: CGPoint(x: 8.237, y: 5.745), control1: CGPoint(x: 8.076, y: 5.888), control2: CGPoint(x: 8.155, y: 5.815))
        p.closeSubpath()
        p.move(to: CGPoint(x: 7.341, y: 7.977))
        p.addCurve(to: CGPoint(x: 7.053, y: 7.724), control1: CGPoint(x: 7.212, y: 7.934), control2: CGPoint(x: 7.116, y: 7.85))
        p.addCurve(to: CGPoint(x: 6.112, y: 6.505), control1: CGPoint(x: 6.812, y: 7.242), control2: CGPoint(x: 6.498, y: 6.836))
        p.addCurve(to: CGPoint(x: 5, y: 6), control1: CGPoint(x: 5.72, y: 6.168), control2: CGPoint(x: 5.349, y: 6))
        p.addCurve(to: CGPoint(x: 4.214, y: 6.198), control1: CGPoint(x: 4.721, y: 6), control2: CGPoint(x: 4.459, y: 6.066))
        p.addCurve(to: CGPoint(x: 3.582, y: 6.744), control1: CGPoint(x: 3.977, y: 6.326), control2: CGPoint(x: 3.766, y: 6.508))
        p.addCurve(to: CGPoint(x: 3.154, y: 7.557), control1: CGPoint(x: 3.398, y: 6.981), control2: CGPoint(x: 3.256, y: 7.251))
        p.addCurve(to: CGPoint(x: 3, y: 8.5), control1: CGPoint(x: 3.051, y: 7.865), control2: CGPoint(x: 3, y: 8.179))
        p.addCurve(to: CGPoint(x: 3.244, y: 10.375), control1: CGPoint(x: 3, y: 9.076), control2: CGPoint(x: 3.081, y: 9.701))
        p.addCurve(to: CGPoint(x: 3.889, y: 12.223), control1: CGPoint(x: 3.403, y: 11.035), control2: CGPoint(x: 3.618, y: 11.651))
        p.addCurve(to: CGPoint(x: 4.76, y: 13.568), control1: CGPoint(x: 4.162, y: 12.799), control2: CGPoint(x: 4.452, y: 13.247))
        p.addCurve(to: CGPoint(x: 5.5, y: 14), control1: CGPoint(x: 5.035, y: 13.856), control2: CGPoint(x: 5.282, y: 14))
        p.addCurve(to: CGPoint(x: 6.43, y: 13.759), control1: CGPoint(x: 5.852, y: 14), control2: CGPoint(x: 6.162, y: 13.92))
        p.addCurve(to: CGPoint(x: 6.786, y: 13.492), control1: CGPoint(x: 6.543, y: 13.691), control2: CGPoint(x: 6.662, y: 13.602))
        p.addCurve(to: CGPoint(x: 7.146, y: 13.146), control1: CGPoint(x: 6.867, y: 13.421), control2: CGPoint(x: 6.987, y: 13.306))
        p.addCurve(to: CGPoint(x: 7.5, y: 12.997), control1: CGPoint(x: 7.246, y: 13.047), control2: CGPoint(x: 7.364, y: 12.997))
        p.addCurve(to: CGPoint(x: 7.854, y: 13.146), control1: CGPoint(x: 7.636, y: 12.997), control2: CGPoint(x: 7.754, y: 13.047))
        p.addCurve(to: CGPoint(x: 8.214, y: 13.492), control1: CGPoint(x: 8.013, y: 13.306), control2: CGPoint(x: 8.133, y: 13.421))
        p.addCurve(to: CGPoint(x: 8.57, y: 13.759), control1: CGPoint(x: 8.338, y: 13.602), control2: CGPoint(x: 8.457, y: 13.691))
        p.addCurve(to: CGPoint(x: 9.5, y: 14), control1: CGPoint(x: 8.838, y: 13.92), control2: CGPoint(x: 9.148, y: 14))
        p.addCurve(to: CGPoint(x: 10.24, y: 13.568), control1: CGPoint(x: 9.718, y: 14), control2: CGPoint(x: 9.965, y: 13.856))
        p.addCurve(to: CGPoint(x: 11.111, y: 12.223), control1: CGPoint(x: 10.548, y: 13.247), control2: CGPoint(x: 10.838, y: 12.799))
        p.addCurve(to: CGPoint(x: 11.756, y: 10.375), control1: CGPoint(x: 11.382, y: 11.651), control2: CGPoint(x: 11.597, y: 11.035))
        p.addCurve(to: CGPoint(x: 12, y: 8.5), control1: CGPoint(x: 11.919, y: 9.701), control2: CGPoint(x: 12, y: 9.076))
        p.addCurve(to: CGPoint(x: 11.846, y: 7.557), control1: CGPoint(x: 12, y: 8.179), control2: CGPoint(x: 11.949, y: 7.865))
        p.addCurve(to: CGPoint(x: 11.418, y: 6.744), control1: CGPoint(x: 11.744, y: 7.251), control2: CGPoint(x: 11.602, y: 6.981))
        p.addCurve(to: CGPoint(x: 10.786, y: 6.198), control1: CGPoint(x: 11.234, y: 6.508), control2: CGPoint(x: 11.023, y: 6.326))
        p.addCurve(to: CGPoint(x: 10, y: 6), control1: CGPoint(x: 10.541, y: 6.066), control2: CGPoint(x: 10.279, y: 6))
        p.addCurve(to: CGPoint(x: 8.888, y: 6.505), control1: CGPoint(x: 9.651, y: 6), control2: CGPoint(x: 9.28, y: 6.168))
        p.addCurve(to: CGPoint(x: 7.947, y: 7.724), control1: CGPoint(x: 8.502, y: 6.836), control2: CGPoint(x: 8.188, y: 7.242))
        p.addCurve(to: CGPoint(x: 7.724, y: 7.947), control1: CGPoint(x: 7.898, y: 7.823), control2: CGPoint(x: 7.823, y: 7.898))
        p.addCurve(to: CGPoint(x: 7.341, y: 7.977), control1: CGPoint(x: 7.598, y: 8.01), control2: CGPoint(x: 7.47, y: 8.02))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// AppleIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "apple" (line-round), MIT. https://gentleface.com/icons/apple
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val AppleIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "apple", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("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"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(AppleIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_apple.xml · Gentleface "apple" (line-round), MIT. https://gentleface.com/icons/apple -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="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"/>
</vector>
```

### Flutter

```dart
// Gentleface "apple" (line-round), MIT. https://gentleface.com/icons/apple
import 'package:flutter/widgets.dart';

class AppleIcon extends StatelessWidget {
  const AppleIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _AppleIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _AppleIconPainter extends CustomPainter {
  _AppleIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(8.038, 3.474)
      ..cubicTo(8.083, 3.185, 8.167, 2.922, 8.289, 2.688)
      ..cubicTo(8.486, 2.31, 8.785, 1.998, 9.188, 1.75)
      ..cubicTo(9.921, 1.298, 11.027, 1.051, 12.504, 1.007)
      ..cubicTo(12.531, 1.006, 12.558, 1.008, 12.585, 1.012)
      ..cubicTo(12.703, 1.03, 12.809, 1.095, 12.88, 1.191)
      ..cubicTo(12.95, 1.287, 12.98, 1.408, 12.962, 1.526)
      ..cubicTo(12.917, 1.815, 12.833, 2.078, 12.711, 2.312)
      ..cubicTo(12.514, 2.69, 12.215, 3.002, 11.813, 3.25)
      ..cubicTo(11.079, 3.702, 9.973, 3.949, 8.497, 3.993)
      ..cubicTo(8.469, 3.994, 8.442, 3.992, 8.415, 3.988)
      ..cubicTo(8.169, 3.95, 8.001, 3.72, 8.038, 3.474)
      ..close()
      ..moveTo(8.237, 5.745)
      ..cubicTo(8.817, 5.248, 9.404, 5, 10, 5)
      ..cubicTo(10.447, 5, 10.867, 5.106, 11.26, 5.318)
      ..cubicTo(11.621, 5.512, 11.937, 5.783, 12.207, 6.131)
      ..cubicTo(12.461, 6.457, 12.657, 6.827, 12.795, 7.24)
      ..cubicTo(12.932, 7.651, 13, 8.071, 13, 8.5)
      ..cubicTo(13, 9.156, 12.909, 9.859, 12.728, 10.61)
      ..cubicTo(12.553, 11.337, 12.315, 12.017, 12.014, 12.652)
      ..cubicTo(11.696, 13.324, 11.345, 13.86, 10.963, 14.26)
      ..cubicTo(10.49, 14.753, 10.003, 15, 9.5, 15)
      ..cubicTo(8.963, 15, 8.482, 14.872, 8.055, 14.616)
      ..cubicTo(7.89, 14.517, 7.722, 14.393, 7.552, 14.242)
      ..cubicTo(7.536, 14.228, 7.518, 14.212, 7.5, 14.195)
      ..cubicTo(7.482, 14.212, 7.464, 14.228, 7.448, 14.242)
      ..cubicTo(7.278, 14.393, 7.11, 14.517, 6.945, 14.616)
      ..cubicTo(6.518, 14.872, 6.037, 15, 5.5, 15)
      ..cubicTo(4.997, 15, 4.51, 14.753, 4.037, 14.26)
      ..cubicTo(3.655, 13.86, 3.304, 13.324, 2.986, 12.652)
      ..cubicTo(2.685, 12.017, 2.447, 11.337, 2.272, 10.61)
      ..cubicTo(2.091, 9.859, 2, 9.156, 2, 8.5)
      ..cubicTo(2, 8.071, 2.068, 7.651, 2.205, 7.24)
      ..cubicTo(2.343, 6.827, 2.539, 6.457, 2.793, 6.131)
      ..cubicTo(3.063, 5.783, 3.379, 5.512, 3.74, 5.318)
      ..cubicTo(4.133, 5.106, 4.553, 5, 5, 5)
      ..cubicTo(5.596, 5, 6.183, 5.248, 6.763, 5.745)
      ..cubicTo(6.845, 5.815, 6.924, 5.888, 7, 5.963)
      ..lineTo(7, 2.5)
      ..cubicTo(7, 2.359, 7.048, 2.241, 7.144, 2.144)
      ..cubicTo(7.241, 2.048, 7.359, 2, 7.5, 2)
      ..cubicTo(7.641, 2, 7.759, 2.048, 7.856, 2.144)
      ..cubicTo(7.952, 2.241, 8, 2.359, 8, 2.5)
      ..lineTo(8, 5.963)
      ..cubicTo(8.076, 5.888, 8.155, 5.815, 8.237, 5.745)
      ..close()
      ..moveTo(7.341, 7.977)
      ..cubicTo(7.212, 7.934, 7.116, 7.85, 7.053, 7.724)
      ..cubicTo(6.812, 7.242, 6.498, 6.836, 6.112, 6.505)
      ..cubicTo(5.72, 6.168, 5.349, 6, 5, 6)
      ..cubicTo(4.721, 6, 4.459, 6.066, 4.214, 6.198)
      ..cubicTo(3.977, 6.326, 3.766, 6.508, 3.582, 6.744)
      ..cubicTo(3.398, 6.981, 3.256, 7.251, 3.154, 7.557)
      ..cubicTo(3.051, 7.865, 3, 8.179, 3, 8.5)
      ..cubicTo(3, 9.076, 3.081, 9.701, 3.244, 10.375)
      ..cubicTo(3.403, 11.035, 3.618, 11.651, 3.889, 12.223)
      ..cubicTo(4.162, 12.799, 4.452, 13.247, 4.76, 13.568)
      ..cubicTo(5.035, 13.856, 5.282, 14, 5.5, 14)
      ..cubicTo(5.852, 14, 6.162, 13.92, 6.43, 13.759)
      ..cubicTo(6.543, 13.691, 6.662, 13.602, 6.786, 13.492)
      ..cubicTo(6.867, 13.421, 6.987, 13.306, 7.146, 13.146)
      ..cubicTo(7.246, 13.047, 7.364, 12.997, 7.5, 12.997)
      ..cubicTo(7.636, 12.997, 7.754, 13.047, 7.854, 13.146)
      ..cubicTo(8.013, 13.306, 8.133, 13.421, 8.214, 13.492)
      ..cubicTo(8.338, 13.602, 8.457, 13.691, 8.57, 13.759)
      ..cubicTo(8.838, 13.92, 9.148, 14, 9.5, 14)
      ..cubicTo(9.718, 14, 9.965, 13.856, 10.24, 13.568)
      ..cubicTo(10.548, 13.247, 10.838, 12.799, 11.111, 12.223)
      ..cubicTo(11.382, 11.651, 11.597, 11.035, 11.756, 10.375)
      ..cubicTo(11.919, 9.701, 12, 9.076, 12, 8.5)
      ..cubicTo(12, 8.179, 11.949, 7.865, 11.846, 7.557)
      ..cubicTo(11.744, 7.251, 11.602, 6.981, 11.418, 6.744)
      ..cubicTo(11.234, 6.508, 11.023, 6.326, 10.786, 6.198)
      ..cubicTo(10.541, 6.066, 10.279, 6, 10, 6)
      ..cubicTo(9.651, 6, 9.28, 6.168, 8.888, 6.505)
      ..cubicTo(8.502, 6.836, 8.188, 7.242, 7.947, 7.724)
      ..cubicTo(7.898, 7.823, 7.823, 7.898, 7.724, 7.947)
      ..cubicTo(7.598, 8.01, 7.47, 8.02, 7.341, 7.977)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_AppleIconPainter old) => old.color != color;
}
```