# sneaker-tilt icon

Sneaker tilt. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/sneaker-tilt

- Category: Games & sports
- Use it for: sneaker, running shoe, shoes, footwear
- Built from: variant of sneaker
- Tags: sneaker, sneakers, shoe, shoes, running-shoe, trainer, trainers, sport-shoe, footwear, kicks, laces, fashion, apparel, sport, tilt
- Family: sneaker
- Component name: SneakerTiltIcon
- Added: 2026-11-09

## Files

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too.

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

The SVG of every style: https://gentleface.com/icons/sneaker-tilt.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="M14.647 8.366C14.882 8.915 15 9.459 15 10L15 11.5C15 11.696 14.956 11.889 14.867 12.079C14.788 12.249 14.679 12.403 14.541 12.541C14.403 12.679 14.249 12.788 14.079 12.867C13.889 12.956 13.696 13 13.5 13L9 13C8.823 13 8.688 12.997 8.594 12.991C8.424 12.981 8.269 12.958 8.129 12.923C7.765 12.832 7.44 12.645 7.155 12.362L1.162 6.869C1.054 6.769 1 6.647 1 6.5C1 6.06 1.102 5.622 1.305 5.187C1.494 4.782 1.753 4.415 2.084 4.084C2.415 3.753 2.782 3.494 3.187 3.305C3.622 3.102 4.06 3 4.5 3C4.596 3 4.683 3.025 4.763 3.074C4.843 3.124 4.904 3.191 4.947 3.276C5.173 3.728 5.392 4.06 5.604 4.271C5.729 4.397 5.842 4.471 5.94 4.493C5.97 4.464 6.006 4.421 6.048 4.365C6.135 4.247 6.273 4.018 6.463 3.677C6.6 3.43 6.705 3.249 6.776 3.135C6.907 2.925 7.031 2.762 7.146 2.646C7.494 2.299 7.862 2.125 8.25 2.125C8.638 2.125 9.006 2.299 9.354 2.646L13.854 7.146C14.17 7.463 14.434 7.869 14.647 8.366ZM12.5 7.207L11.354 8.354C11.254 8.453 11.136 8.503 11 8.503C10.864 8.503 10.746 8.453 10.646 8.354C10.549 8.256 10.5 8.138 10.5 8C10.5 7.862 10.549 7.744 10.646 7.646L11.793 6.5L10.5 5.207L9.354 6.354C9.254 6.453 9.136 6.503 9 6.503C8.864 6.503 8.746 6.453 8.646 6.354C8.549 6.256 8.5 6.138 8.5 6C8.5 5.862 8.549 5.744 8.646 5.646L9.793 4.5L8.646 3.354C8.494 3.201 8.362 3.125 8.25 3.125C8.138 3.125 8.006 3.201 7.854 3.354C7.753 3.454 7.581 3.724 7.337 4.163C7.127 4.542 6.965 4.808 6.852 4.96C6.585 5.32 6.301 5.5 6 5.5C5.612 5.5 5.244 5.326 4.896 4.979C4.663 4.745 4.434 4.427 4.21 4.023C4.083 4.043 3.955 4.076 3.827 4.122C3.836 4.13 3.845 4.138 3.854 4.146L8.854 9.146C9.013 9.306 9.133 9.421 9.214 9.492C9.338 9.602 9.457 9.691 9.57 9.759C9.838 9.92 10.148 10 10.5 10L14 10C14 9.596 13.909 9.183 13.728 8.759C13.566 8.381 13.372 8.079 13.146 7.854L12.5 7.207ZM7.854 11.646C8.01 11.803 8.183 11.905 8.371 11.952C8.498 11.984 8.708 12 9 12L13.5 12C13.612 12 13.723 11.945 13.834 11.834C13.945 11.723 14 11.612 14 11.5L14 11L10.5 11C9.963 11 9.482 10.872 9.055 10.616C8.89 10.517 8.722 10.393 8.552 10.242C8.456 10.157 8.32 10.028 8.146 9.854L3.146 4.854C3.074 4.781 3.028 4.694 3.009 4.593C2.934 4.654 2.862 4.721 2.791 4.791C2.544 5.039 2.35 5.312 2.211 5.61C2.104 5.84 2.037 6.067 2.012 6.291L7.838 11.631C7.843 11.636 7.848 11.641 7.854 11.646Z"/></svg>
```

### React

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

export function SneakerTiltIcon(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="M14.647 8.366C14.882 8.915 15 9.459 15 10L15 11.5C15 11.696 14.956 11.889 14.867 12.079C14.788 12.249 14.679 12.403 14.541 12.541C14.403 12.679 14.249 12.788 14.079 12.867C13.889 12.956 13.696 13 13.5 13L9 13C8.823 13 8.688 12.997 8.594 12.991C8.424 12.981 8.269 12.958 8.129 12.923C7.765 12.832 7.44 12.645 7.155 12.362L1.162 6.869C1.054 6.769 1 6.647 1 6.5C1 6.06 1.102 5.622 1.305 5.187C1.494 4.782 1.753 4.415 2.084 4.084C2.415 3.753 2.782 3.494 3.187 3.305C3.622 3.102 4.06 3 4.5 3C4.596 3 4.683 3.025 4.763 3.074C4.843 3.124 4.904 3.191 4.947 3.276C5.173 3.728 5.392 4.06 5.604 4.271C5.729 4.397 5.842 4.471 5.94 4.493C5.97 4.464 6.006 4.421 6.048 4.365C6.135 4.247 6.273 4.018 6.463 3.677C6.6 3.43 6.705 3.249 6.776 3.135C6.907 2.925 7.031 2.762 7.146 2.646C7.494 2.299 7.862 2.125 8.25 2.125C8.638 2.125 9.006 2.299 9.354 2.646L13.854 7.146C14.17 7.463 14.434 7.869 14.647 8.366ZM12.5 7.207L11.354 8.354C11.254 8.453 11.136 8.503 11 8.503C10.864 8.503 10.746 8.453 10.646 8.354C10.549 8.256 10.5 8.138 10.5 8C10.5 7.862 10.549 7.744 10.646 7.646L11.793 6.5L10.5 5.207L9.354 6.354C9.254 6.453 9.136 6.503 9 6.503C8.864 6.503 8.746 6.453 8.646 6.354C8.549 6.256 8.5 6.138 8.5 6C8.5 5.862 8.549 5.744 8.646 5.646L9.793 4.5L8.646 3.354C8.494 3.201 8.362 3.125 8.25 3.125C8.138 3.125 8.006 3.201 7.854 3.354C7.753 3.454 7.581 3.724 7.337 4.163C7.127 4.542 6.965 4.808 6.852 4.96C6.585 5.32 6.301 5.5 6 5.5C5.612 5.5 5.244 5.326 4.896 4.979C4.663 4.745 4.434 4.427 4.21 4.023C4.083 4.043 3.955 4.076 3.827 4.122C3.836 4.13 3.845 4.138 3.854 4.146L8.854 9.146C9.013 9.306 9.133 9.421 9.214 9.492C9.338 9.602 9.457 9.691 9.57 9.759C9.838 9.92 10.148 10 10.5 10L14 10C14 9.596 13.909 9.183 13.728 8.759C13.566 8.381 13.372 8.079 13.146 7.854L12.5 7.207ZM7.854 11.646C8.01 11.803 8.183 11.905 8.371 11.952C8.498 11.984 8.708 12 9 12L13.5 12C13.612 12 13.723 11.945 13.834 11.834C13.945 11.723 14 11.612 14 11.5L14 11L10.5 11C9.963 11 9.482 10.872 9.055 10.616C8.89 10.517 8.722 10.393 8.552 10.242C8.456 10.157 8.32 10.028 8.146 9.854L3.146 4.854C3.074 4.781 3.028 4.694 3.009 4.593C2.934 4.654 2.862 4.721 2.791 4.791C2.544 5.039 2.35 5.312 2.211 5.61C2.104 5.84 2.037 6.067 2.012 6.291L7.838 11.631C7.843 11.636 7.848 11.641 7.854 11.646Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "sneaker-tilt" (line-round), MIT. https://gentleface.com/icons/sneaker-tilt -->
<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="M14.647 8.366C14.882 8.915 15 9.459 15 10L15 11.5C15 11.696 14.956 11.889 14.867 12.079C14.788 12.249 14.679 12.403 14.541 12.541C14.403 12.679 14.249 12.788 14.079 12.867C13.889 12.956 13.696 13 13.5 13L9 13C8.823 13 8.688 12.997 8.594 12.991C8.424 12.981 8.269 12.958 8.129 12.923C7.765 12.832 7.44 12.645 7.155 12.362L1.162 6.869C1.054 6.769 1 6.647 1 6.5C1 6.06 1.102 5.622 1.305 5.187C1.494 4.782 1.753 4.415 2.084 4.084C2.415 3.753 2.782 3.494 3.187 3.305C3.622 3.102 4.06 3 4.5 3C4.596 3 4.683 3.025 4.763 3.074C4.843 3.124 4.904 3.191 4.947 3.276C5.173 3.728 5.392 4.06 5.604 4.271C5.729 4.397 5.842 4.471 5.94 4.493C5.97 4.464 6.006 4.421 6.048 4.365C6.135 4.247 6.273 4.018 6.463 3.677C6.6 3.43 6.705 3.249 6.776 3.135C6.907 2.925 7.031 2.762 7.146 2.646C7.494 2.299 7.862 2.125 8.25 2.125C8.638 2.125 9.006 2.299 9.354 2.646L13.854 7.146C14.17 7.463 14.434 7.869 14.647 8.366ZM12.5 7.207L11.354 8.354C11.254 8.453 11.136 8.503 11 8.503C10.864 8.503 10.746 8.453 10.646 8.354C10.549 8.256 10.5 8.138 10.5 8C10.5 7.862 10.549 7.744 10.646 7.646L11.793 6.5L10.5 5.207L9.354 6.354C9.254 6.453 9.136 6.503 9 6.503C8.864 6.503 8.746 6.453 8.646 6.354C8.549 6.256 8.5 6.138 8.5 6C8.5 5.862 8.549 5.744 8.646 5.646L9.793 4.5L8.646 3.354C8.494 3.201 8.362 3.125 8.25 3.125C8.138 3.125 8.006 3.201 7.854 3.354C7.753 3.454 7.581 3.724 7.337 4.163C7.127 4.542 6.965 4.808 6.852 4.96C6.585 5.32 6.301 5.5 6 5.5C5.612 5.5 5.244 5.326 4.896 4.979C4.663 4.745 4.434 4.427 4.21 4.023C4.083 4.043 3.955 4.076 3.827 4.122C3.836 4.13 3.845 4.138 3.854 4.146L8.854 9.146C9.013 9.306 9.133 9.421 9.214 9.492C9.338 9.602 9.457 9.691 9.57 9.759C9.838 9.92 10.148 10 10.5 10L14 10C14 9.596 13.909 9.183 13.728 8.759C13.566 8.381 13.372 8.079 13.146 7.854L12.5 7.207ZM7.854 11.646C8.01 11.803 8.183 11.905 8.371 11.952C8.498 11.984 8.708 12 9 12L13.5 12C13.612 12 13.723 11.945 13.834 11.834C13.945 11.723 14 11.612 14 11.5L14 11L10.5 11C9.963 11 9.482 10.872 9.055 10.616C8.89 10.517 8.722 10.393 8.552 10.242C8.456 10.157 8.32 10.028 8.146 9.854L3.146 4.854C3.074 4.781 3.028 4.694 3.009 4.593C2.934 4.654 2.862 4.721 2.791 4.791C2.544 5.039 2.35 5.312 2.211 5.61C2.104 5.84 2.037 6.067 2.012 6.291L7.838 11.631C7.843 11.636 7.848 11.641 7.854 11.646Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "sneaker-tilt" (line-round), MIT. https://gentleface.com/icons/sneaker-tilt -->
<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="M14.647 8.366C14.882 8.915 15 9.459 15 10L15 11.5C15 11.696 14.956 11.889 14.867 12.079C14.788 12.249 14.679 12.403 14.541 12.541C14.403 12.679 14.249 12.788 14.079 12.867C13.889 12.956 13.696 13 13.5 13L9 13C8.823 13 8.688 12.997 8.594 12.991C8.424 12.981 8.269 12.958 8.129 12.923C7.765 12.832 7.44 12.645 7.155 12.362L1.162 6.869C1.054 6.769 1 6.647 1 6.5C1 6.06 1.102 5.622 1.305 5.187C1.494 4.782 1.753 4.415 2.084 4.084C2.415 3.753 2.782 3.494 3.187 3.305C3.622 3.102 4.06 3 4.5 3C4.596 3 4.683 3.025 4.763 3.074C4.843 3.124 4.904 3.191 4.947 3.276C5.173 3.728 5.392 4.06 5.604 4.271C5.729 4.397 5.842 4.471 5.94 4.493C5.97 4.464 6.006 4.421 6.048 4.365C6.135 4.247 6.273 4.018 6.463 3.677C6.6 3.43 6.705 3.249 6.776 3.135C6.907 2.925 7.031 2.762 7.146 2.646C7.494 2.299 7.862 2.125 8.25 2.125C8.638 2.125 9.006 2.299 9.354 2.646L13.854 7.146C14.17 7.463 14.434 7.869 14.647 8.366ZM12.5 7.207L11.354 8.354C11.254 8.453 11.136 8.503 11 8.503C10.864 8.503 10.746 8.453 10.646 8.354C10.549 8.256 10.5 8.138 10.5 8C10.5 7.862 10.549 7.744 10.646 7.646L11.793 6.5L10.5 5.207L9.354 6.354C9.254 6.453 9.136 6.503 9 6.503C8.864 6.503 8.746 6.453 8.646 6.354C8.549 6.256 8.5 6.138 8.5 6C8.5 5.862 8.549 5.744 8.646 5.646L9.793 4.5L8.646 3.354C8.494 3.201 8.362 3.125 8.25 3.125C8.138 3.125 8.006 3.201 7.854 3.354C7.753 3.454 7.581 3.724 7.337 4.163C7.127 4.542 6.965 4.808 6.852 4.96C6.585 5.32 6.301 5.5 6 5.5C5.612 5.5 5.244 5.326 4.896 4.979C4.663 4.745 4.434 4.427 4.21 4.023C4.083 4.043 3.955 4.076 3.827 4.122C3.836 4.13 3.845 4.138 3.854 4.146L8.854 9.146C9.013 9.306 9.133 9.421 9.214 9.492C9.338 9.602 9.457 9.691 9.57 9.759C9.838 9.92 10.148 10 10.5 10L14 10C14 9.596 13.909 9.183 13.728 8.759C13.566 8.381 13.372 8.079 13.146 7.854L12.5 7.207ZM7.854 11.646C8.01 11.803 8.183 11.905 8.371 11.952C8.498 11.984 8.708 12 9 12L13.5 12C13.612 12 13.723 11.945 13.834 11.834C13.945 11.723 14 11.612 14 11.5L14 11L10.5 11C9.963 11 9.482 10.872 9.055 10.616C8.89 10.517 8.722 10.393 8.552 10.242C8.456 10.157 8.32 10.028 8.146 9.854L3.146 4.854C3.074 4.781 3.028 4.694 3.009 4.593C2.934 4.654 2.862 4.721 2.791 4.791C2.544 5.039 2.35 5.312 2.211 5.61C2.104 5.84 2.037 6.067 2.012 6.291L7.838 11.631C7.843 11.636 7.848 11.641 7.854 11.646Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "sneaker-tilt" (line-round), MIT. https://gentleface.com/icons/sneaker-tilt. 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/sneaker-tilt.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "sneaker-tilt" (line-round), MIT. https://gentleface.com/icons/sneaker-tilt. Takes the text color. */
.icon-sneaker-tilt {
  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='M14.647 8.366C14.882 8.915 15 9.459 15 10L15 11.5C15 11.696 14.956 11.889 14.867 12.079C14.788 12.249 14.679 12.403 14.541 12.541C14.403 12.679 14.249 12.788 14.079 12.867C13.889 12.956 13.696 13 13.5 13L9 13C8.823 13 8.688 12.997 8.594 12.991C8.424 12.981 8.269 12.958 8.129 12.923C7.765 12.832 7.44 12.645 7.155 12.362L1.162 6.869C1.054 6.769 1 6.647 1 6.5C1 6.06 1.102 5.622 1.305 5.187C1.494 4.782 1.753 4.415 2.084 4.084C2.415 3.753 2.782 3.494 3.187 3.305C3.622 3.102 4.06 3 4.5 3C4.596 3 4.683 3.025 4.763 3.074C4.843 3.124 4.904 3.191 4.947 3.276C5.173 3.728 5.392 4.06 5.604 4.271C5.729 4.397 5.842 4.471 5.94 4.493C5.97 4.464 6.006 4.421 6.048 4.365C6.135 4.247 6.273 4.018 6.463 3.677C6.6 3.43 6.705 3.249 6.776 3.135C6.907 2.925 7.031 2.762 7.146 2.646C7.494 2.299 7.862 2.125 8.25 2.125C8.638 2.125 9.006 2.299 9.354 2.646L13.854 7.146C14.17 7.463 14.434 7.869 14.647 8.366ZM12.5 7.207L11.354 8.354C11.254 8.453 11.136 8.503 11 8.503C10.864 8.503 10.746 8.453 10.646 8.354C10.549 8.256 10.5 8.138 10.5 8C10.5 7.862 10.549 7.744 10.646 7.646L11.793 6.5L10.5 5.207L9.354 6.354C9.254 6.453 9.136 6.503 9 6.503C8.864 6.503 8.746 6.453 8.646 6.354C8.549 6.256 8.5 6.138 8.5 6C8.5 5.862 8.549 5.744 8.646 5.646L9.793 4.5L8.646 3.354C8.494 3.201 8.362 3.125 8.25 3.125C8.138 3.125 8.006 3.201 7.854 3.354C7.753 3.454 7.581 3.724 7.337 4.163C7.127 4.542 6.965 4.808 6.852 4.96C6.585 5.32 6.301 5.5 6 5.5C5.612 5.5 5.244 5.326 4.896 4.979C4.663 4.745 4.434 4.427 4.21 4.023C4.083 4.043 3.955 4.076 3.827 4.122C3.836 4.13 3.845 4.138 3.854 4.146L8.854 9.146C9.013 9.306 9.133 9.421 9.214 9.492C9.338 9.602 9.457 9.691 9.57 9.759C9.838 9.92 10.148 10 10.5 10L14 10C14 9.596 13.909 9.183 13.728 8.759C13.566 8.381 13.372 8.079 13.146 7.854L12.5 7.207ZM7.854 11.646C8.01 11.803 8.183 11.905 8.371 11.952C8.498 11.984 8.708 12 9 12L13.5 12C13.612 12 13.723 11.945 13.834 11.834C13.945 11.723 14 11.612 14 11.5L14 11L10.5 11C9.963 11 9.482 10.872 9.055 10.616C8.89 10.517 8.722 10.393 8.552 10.242C8.456 10.157 8.32 10.028 8.146 9.854L3.146 4.854C3.074 4.781 3.028 4.694 3.009 4.593C2.934 4.654 2.862 4.721 2.791 4.791C2.544 5.039 2.35 5.312 2.211 5.61C2.104 5.84 2.037 6.067 2.012 6.291L7.838 11.631C7.843 11.636 7.848 11.641 7.854 11.646Z'/%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='M14.647 8.366C14.882 8.915 15 9.459 15 10L15 11.5C15 11.696 14.956 11.889 14.867 12.079C14.788 12.249 14.679 12.403 14.541 12.541C14.403 12.679 14.249 12.788 14.079 12.867C13.889 12.956 13.696 13 13.5 13L9 13C8.823 13 8.688 12.997 8.594 12.991C8.424 12.981 8.269 12.958 8.129 12.923C7.765 12.832 7.44 12.645 7.155 12.362L1.162 6.869C1.054 6.769 1 6.647 1 6.5C1 6.06 1.102 5.622 1.305 5.187C1.494 4.782 1.753 4.415 2.084 4.084C2.415 3.753 2.782 3.494 3.187 3.305C3.622 3.102 4.06 3 4.5 3C4.596 3 4.683 3.025 4.763 3.074C4.843 3.124 4.904 3.191 4.947 3.276C5.173 3.728 5.392 4.06 5.604 4.271C5.729 4.397 5.842 4.471 5.94 4.493C5.97 4.464 6.006 4.421 6.048 4.365C6.135 4.247 6.273 4.018 6.463 3.677C6.6 3.43 6.705 3.249 6.776 3.135C6.907 2.925 7.031 2.762 7.146 2.646C7.494 2.299 7.862 2.125 8.25 2.125C8.638 2.125 9.006 2.299 9.354 2.646L13.854 7.146C14.17 7.463 14.434 7.869 14.647 8.366ZM12.5 7.207L11.354 8.354C11.254 8.453 11.136 8.503 11 8.503C10.864 8.503 10.746 8.453 10.646 8.354C10.549 8.256 10.5 8.138 10.5 8C10.5 7.862 10.549 7.744 10.646 7.646L11.793 6.5L10.5 5.207L9.354 6.354C9.254 6.453 9.136 6.503 9 6.503C8.864 6.503 8.746 6.453 8.646 6.354C8.549 6.256 8.5 6.138 8.5 6C8.5 5.862 8.549 5.744 8.646 5.646L9.793 4.5L8.646 3.354C8.494 3.201 8.362 3.125 8.25 3.125C8.138 3.125 8.006 3.201 7.854 3.354C7.753 3.454 7.581 3.724 7.337 4.163C7.127 4.542 6.965 4.808 6.852 4.96C6.585 5.32 6.301 5.5 6 5.5C5.612 5.5 5.244 5.326 4.896 4.979C4.663 4.745 4.434 4.427 4.21 4.023C4.083 4.043 3.955 4.076 3.827 4.122C3.836 4.13 3.845 4.138 3.854 4.146L8.854 9.146C9.013 9.306 9.133 9.421 9.214 9.492C9.338 9.602 9.457 9.691 9.57 9.759C9.838 9.92 10.148 10 10.5 10L14 10C14 9.596 13.909 9.183 13.728 8.759C13.566 8.381 13.372 8.079 13.146 7.854L12.5 7.207ZM7.854 11.646C8.01 11.803 8.183 11.905 8.371 11.952C8.498 11.984 8.708 12 9 12L13.5 12C13.612 12 13.723 11.945 13.834 11.834C13.945 11.723 14 11.612 14 11.5L14 11L10.5 11C9.963 11 9.482 10.872 9.055 10.616C8.89 10.517 8.722 10.393 8.552 10.242C8.456 10.157 8.32 10.028 8.146 9.854L3.146 4.854C3.074 4.781 3.028 4.694 3.009 4.593C2.934 4.654 2.862 4.721 2.791 4.791C2.544 5.039 2.35 5.312 2.211 5.61C2.104 5.84 2.037 6.067 2.012 6.291L7.838 11.631C7.843 11.636 7.848 11.641 7.854 11.646Z'/%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='M14.647 8.366C14.882 8.915 15 9.459 15 10L15 11.5C15 11.696 14.956 11.889 14.867 12.079C14.788 12.249 14.679 12.403 14.541 12.541C14.403 12.679 14.249 12.788 14.079 12.867C13.889 12.956 13.696 13 13.5 13L9 13C8.823 13 8.688 12.997 8.594 12.991C8.424 12.981 8.269 12.958 8.129 12.923C7.765 12.832 7.44 12.645 7.155 12.362L1.162 6.869C1.054 6.769 1 6.647 1 6.5C1 6.06 1.102 5.622 1.305 5.187C1.494 4.782 1.753 4.415 2.084 4.084C2.415 3.753 2.782 3.494 3.187 3.305C3.622 3.102 4.06 3 4.5 3C4.596 3 4.683 3.025 4.763 3.074C4.843 3.124 4.904 3.191 4.947 3.276C5.173 3.728 5.392 4.06 5.604 4.271C5.729 4.397 5.842 4.471 5.94 4.493C5.97 4.464 6.006 4.421 6.048 4.365C6.135 4.247 6.273 4.018 6.463 3.677C6.6 3.43 6.705 3.249 6.776 3.135C6.907 2.925 7.031 2.762 7.146 2.646C7.494 2.299 7.862 2.125 8.25 2.125C8.638 2.125 9.006 2.299 9.354 2.646L13.854 7.146C14.17 7.463 14.434 7.869 14.647 8.366ZM12.5 7.207L11.354 8.354C11.254 8.453 11.136 8.503 11 8.503C10.864 8.503 10.746 8.453 10.646 8.354C10.549 8.256 10.5 8.138 10.5 8C10.5 7.862 10.549 7.744 10.646 7.646L11.793 6.5L10.5 5.207L9.354 6.354C9.254 6.453 9.136 6.503 9 6.503C8.864 6.503 8.746 6.453 8.646 6.354C8.549 6.256 8.5 6.138 8.5 6C8.5 5.862 8.549 5.744 8.646 5.646L9.793 4.5L8.646 3.354C8.494 3.201 8.362 3.125 8.25 3.125C8.138 3.125 8.006 3.201 7.854 3.354C7.753 3.454 7.581 3.724 7.337 4.163C7.127 4.542 6.965 4.808 6.852 4.96C6.585 5.32 6.301 5.5 6 5.5C5.612 5.5 5.244 5.326 4.896 4.979C4.663 4.745 4.434 4.427 4.21 4.023C4.083 4.043 3.955 4.076 3.827 4.122C3.836 4.13 3.845 4.138 3.854 4.146L8.854 9.146C9.013 9.306 9.133 9.421 9.214 9.492C9.338 9.602 9.457 9.691 9.57 9.759C9.838 9.92 10.148 10 10.5 10L14 10C14 9.596 13.909 9.183 13.728 8.759C13.566 8.381 13.372 8.079 13.146 7.854L12.5 7.207ZM7.854 11.646C8.01 11.803 8.183 11.905 8.371 11.952C8.498 11.984 8.708 12 9 12L13.5 12C13.612 12 13.723 11.945 13.834 11.834C13.945 11.723 14 11.612 14 11.5L14 11L10.5 11C9.963 11 9.482 10.872 9.055 10.616C8.89 10.517 8.722 10.393 8.552 10.242C8.456 10.157 8.32 10.028 8.146 9.854L3.146 4.854C3.074 4.781 3.028 4.694 3.009 4.593C2.934 4.654 2.862 4.721 2.791 4.791C2.544 5.039 2.35 5.312 2.211 5.61C2.104 5.84 2.037 6.067 2.012 6.291L7.838 11.631C7.843 11.636 7.848 11.641 7.854 11.646Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "sneaker-tilt" (line-round), MIT. https://gentleface.com/icons/sneaker-tilt
     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#sneaker-tilt"/></svg>
```

### SwiftUI

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

struct SneakerTiltIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 14.647, y: 8.366))
        p.addCurve(to: CGPoint(x: 15, y: 10), control1: CGPoint(x: 14.882, y: 8.915), control2: CGPoint(x: 15, y: 9.459))
        p.addLine(to: CGPoint(x: 15, y: 11.5))
        p.addCurve(to: CGPoint(x: 14.867, y: 12.079), control1: CGPoint(x: 15, y: 11.696), control2: CGPoint(x: 14.956, y: 11.889))
        p.addCurve(to: CGPoint(x: 14.541, y: 12.541), control1: CGPoint(x: 14.788, y: 12.249), control2: CGPoint(x: 14.679, y: 12.403))
        p.addCurve(to: CGPoint(x: 14.079, y: 12.867), control1: CGPoint(x: 14.403, y: 12.679), control2: CGPoint(x: 14.249, y: 12.788))
        p.addCurve(to: CGPoint(x: 13.5, y: 13), control1: CGPoint(x: 13.889, y: 12.956), control2: CGPoint(x: 13.696, y: 13))
        p.addLine(to: CGPoint(x: 9, y: 13))
        p.addCurve(to: CGPoint(x: 8.594, y: 12.991), control1: CGPoint(x: 8.823, y: 13), control2: CGPoint(x: 8.688, y: 12.997))
        p.addCurve(to: CGPoint(x: 8.129, y: 12.923), control1: CGPoint(x: 8.424, y: 12.981), control2: CGPoint(x: 8.269, y: 12.958))
        p.addCurve(to: CGPoint(x: 7.155, y: 12.362), control1: CGPoint(x: 7.765, y: 12.832), control2: CGPoint(x: 7.44, y: 12.645))
        p.addLine(to: CGPoint(x: 1.162, y: 6.869))
        p.addCurve(to: CGPoint(x: 1, y: 6.5), control1: CGPoint(x: 1.054, y: 6.769), control2: CGPoint(x: 1, y: 6.647))
        p.addCurve(to: CGPoint(x: 1.305, y: 5.187), control1: CGPoint(x: 1, y: 6.06), control2: CGPoint(x: 1.102, y: 5.622))
        p.addCurve(to: CGPoint(x: 2.084, y: 4.084), control1: CGPoint(x: 1.494, y: 4.782), control2: CGPoint(x: 1.753, y: 4.415))
        p.addCurve(to: CGPoint(x: 3.187, y: 3.305), control1: CGPoint(x: 2.415, y: 3.753), control2: CGPoint(x: 2.782, y: 3.494))
        p.addCurve(to: CGPoint(x: 4.5, y: 3), control1: CGPoint(x: 3.622, y: 3.102), control2: CGPoint(x: 4.06, y: 3))
        p.addCurve(to: CGPoint(x: 4.763, y: 3.074), control1: CGPoint(x: 4.596, y: 3), control2: CGPoint(x: 4.683, y: 3.025))
        p.addCurve(to: CGPoint(x: 4.947, y: 3.276), control1: CGPoint(x: 4.843, y: 3.124), control2: CGPoint(x: 4.904, y: 3.191))
        p.addCurve(to: CGPoint(x: 5.604, y: 4.271), control1: CGPoint(x: 5.173, y: 3.728), control2: CGPoint(x: 5.392, y: 4.06))
        p.addCurve(to: CGPoint(x: 5.94, y: 4.493), control1: CGPoint(x: 5.729, y: 4.397), control2: CGPoint(x: 5.842, y: 4.471))
        p.addCurve(to: CGPoint(x: 6.048, y: 4.365), control1: CGPoint(x: 5.97, y: 4.464), control2: CGPoint(x: 6.006, y: 4.421))
        p.addCurve(to: CGPoint(x: 6.463, y: 3.677), control1: CGPoint(x: 6.135, y: 4.247), control2: CGPoint(x: 6.273, y: 4.018))
        p.addCurve(to: CGPoint(x: 6.776, y: 3.135), control1: CGPoint(x: 6.6, y: 3.43), control2: CGPoint(x: 6.705, y: 3.249))
        p.addCurve(to: CGPoint(x: 7.146, y: 2.646), control1: CGPoint(x: 6.907, y: 2.925), control2: CGPoint(x: 7.031, y: 2.762))
        p.addCurve(to: CGPoint(x: 8.25, y: 2.125), control1: CGPoint(x: 7.494, y: 2.299), control2: CGPoint(x: 7.862, y: 2.125))
        p.addCurve(to: CGPoint(x: 9.354, y: 2.646), control1: CGPoint(x: 8.638, y: 2.125), control2: CGPoint(x: 9.006, y: 2.299))
        p.addLine(to: CGPoint(x: 13.854, y: 7.146))
        p.addCurve(to: CGPoint(x: 14.647, y: 8.366), control1: CGPoint(x: 14.17, y: 7.463), control2: CGPoint(x: 14.434, y: 7.869))
        p.closeSubpath()
        p.move(to: CGPoint(x: 12.5, y: 7.207))
        p.addLine(to: CGPoint(x: 11.354, y: 8.354))
        p.addCurve(to: CGPoint(x: 11, y: 8.503), control1: CGPoint(x: 11.254, y: 8.453), control2: CGPoint(x: 11.136, y: 8.503))
        p.addCurve(to: CGPoint(x: 10.646, y: 8.354), control1: CGPoint(x: 10.864, y: 8.503), control2: CGPoint(x: 10.746, y: 8.453))
        p.addCurve(to: CGPoint(x: 10.5, y: 8), control1: CGPoint(x: 10.549, y: 8.256), control2: CGPoint(x: 10.5, y: 8.138))
        p.addCurve(to: CGPoint(x: 10.646, y: 7.646), control1: CGPoint(x: 10.5, y: 7.862), control2: CGPoint(x: 10.549, y: 7.744))
        p.addLine(to: CGPoint(x: 11.793, y: 6.5))
        p.addLine(to: CGPoint(x: 10.5, y: 5.207))
        p.addLine(to: CGPoint(x: 9.354, y: 6.354))
        p.addCurve(to: CGPoint(x: 9, y: 6.503), control1: CGPoint(x: 9.254, y: 6.453), control2: CGPoint(x: 9.136, y: 6.503))
        p.addCurve(to: CGPoint(x: 8.646, y: 6.354), control1: CGPoint(x: 8.864, y: 6.503), control2: CGPoint(x: 8.746, y: 6.453))
        p.addCurve(to: CGPoint(x: 8.5, y: 6), control1: CGPoint(x: 8.549, y: 6.256), control2: CGPoint(x: 8.5, y: 6.138))
        p.addCurve(to: CGPoint(x: 8.646, y: 5.646), control1: CGPoint(x: 8.5, y: 5.862), control2: CGPoint(x: 8.549, y: 5.744))
        p.addLine(to: CGPoint(x: 9.793, y: 4.5))
        p.addLine(to: CGPoint(x: 8.646, y: 3.354))
        p.addCurve(to: CGPoint(x: 8.25, y: 3.125), control1: CGPoint(x: 8.494, y: 3.201), control2: CGPoint(x: 8.362, y: 3.125))
        p.addCurve(to: CGPoint(x: 7.854, y: 3.354), control1: CGPoint(x: 8.138, y: 3.125), control2: CGPoint(x: 8.006, y: 3.201))
        p.addCurve(to: CGPoint(x: 7.337, y: 4.163), control1: CGPoint(x: 7.753, y: 3.454), control2: CGPoint(x: 7.581, y: 3.724))
        p.addCurve(to: CGPoint(x: 6.852, y: 4.96), control1: CGPoint(x: 7.127, y: 4.542), control2: CGPoint(x: 6.965, y: 4.808))
        p.addCurve(to: CGPoint(x: 6, y: 5.5), control1: CGPoint(x: 6.585, y: 5.32), control2: CGPoint(x: 6.301, y: 5.5))
        p.addCurve(to: CGPoint(x: 4.896, y: 4.979), control1: CGPoint(x: 5.612, y: 5.5), control2: CGPoint(x: 5.244, y: 5.326))
        p.addCurve(to: CGPoint(x: 4.21, y: 4.023), control1: CGPoint(x: 4.663, y: 4.745), control2: CGPoint(x: 4.434, y: 4.427))
        p.addCurve(to: CGPoint(x: 3.827, y: 4.122), control1: CGPoint(x: 4.083, y: 4.043), control2: CGPoint(x: 3.955, y: 4.076))
        p.addCurve(to: CGPoint(x: 3.854, y: 4.146), control1: CGPoint(x: 3.836, y: 4.13), control2: CGPoint(x: 3.845, y: 4.138))
        p.addLine(to: CGPoint(x: 8.854, y: 9.146))
        p.addCurve(to: CGPoint(x: 9.214, y: 9.492), control1: CGPoint(x: 9.013, y: 9.306), control2: CGPoint(x: 9.133, y: 9.421))
        p.addCurve(to: CGPoint(x: 9.57, y: 9.759), control1: CGPoint(x: 9.338, y: 9.602), control2: CGPoint(x: 9.457, y: 9.691))
        p.addCurve(to: CGPoint(x: 10.5, y: 10), control1: CGPoint(x: 9.838, y: 9.92), control2: CGPoint(x: 10.148, y: 10))
        p.addLine(to: CGPoint(x: 14, y: 10))
        p.addCurve(to: CGPoint(x: 13.728, y: 8.759), control1: CGPoint(x: 14, y: 9.596), control2: CGPoint(x: 13.909, y: 9.183))
        p.addCurve(to: CGPoint(x: 13.146, y: 7.854), control1: CGPoint(x: 13.566, y: 8.381), control2: CGPoint(x: 13.372, y: 8.079))
        p.addLine(to: CGPoint(x: 12.5, y: 7.207))
        p.closeSubpath()
        p.move(to: CGPoint(x: 7.854, y: 11.646))
        p.addCurve(to: CGPoint(x: 8.371, y: 11.952), control1: CGPoint(x: 8.01, y: 11.803), control2: CGPoint(x: 8.183, y: 11.905))
        p.addCurve(to: CGPoint(x: 9, y: 12), control1: CGPoint(x: 8.498, y: 11.984), control2: CGPoint(x: 8.708, y: 12))
        p.addLine(to: CGPoint(x: 13.5, y: 12))
        p.addCurve(to: CGPoint(x: 13.834, y: 11.834), control1: CGPoint(x: 13.612, y: 12), control2: CGPoint(x: 13.723, y: 11.945))
        p.addCurve(to: CGPoint(x: 14, y: 11.5), control1: CGPoint(x: 13.945, y: 11.723), control2: CGPoint(x: 14, y: 11.612))
        p.addLine(to: CGPoint(x: 14, y: 11))
        p.addLine(to: CGPoint(x: 10.5, y: 11))
        p.addCurve(to: CGPoint(x: 9.055, y: 10.616), control1: CGPoint(x: 9.963, y: 11), control2: CGPoint(x: 9.482, y: 10.872))
        p.addCurve(to: CGPoint(x: 8.552, y: 10.242), control1: CGPoint(x: 8.89, y: 10.517), control2: CGPoint(x: 8.722, y: 10.393))
        p.addCurve(to: CGPoint(x: 8.146, y: 9.854), control1: CGPoint(x: 8.456, y: 10.157), control2: CGPoint(x: 8.32, y: 10.028))
        p.addLine(to: CGPoint(x: 3.146, y: 4.854))
        p.addCurve(to: CGPoint(x: 3.009, y: 4.593), control1: CGPoint(x: 3.074, y: 4.781), control2: CGPoint(x: 3.028, y: 4.694))
        p.addCurve(to: CGPoint(x: 2.791, y: 4.791), control1: CGPoint(x: 2.934, y: 4.654), control2: CGPoint(x: 2.862, y: 4.721))
        p.addCurve(to: CGPoint(x: 2.211, y: 5.61), control1: CGPoint(x: 2.544, y: 5.039), control2: CGPoint(x: 2.35, y: 5.312))
        p.addCurve(to: CGPoint(x: 2.012, y: 6.291), control1: CGPoint(x: 2.104, y: 5.84), control2: CGPoint(x: 2.037, y: 6.067))
        p.addLine(to: CGPoint(x: 7.838, y: 11.631))
        p.addCurve(to: CGPoint(x: 7.854, y: 11.646), control1: CGPoint(x: 7.843, y: 11.636), control2: CGPoint(x: 7.848, y: 11.641))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "sneaker-tilt" (line-round), MIT. https://gentleface.com/icons/sneaker-tilt
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 SneakerTiltIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "sneaker-tilt", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M14.647 8.366C14.882 8.915 15 9.459 15 10L15 11.5C15 11.696 14.956 11.889 14.867 12.079C14.788 12.249 14.679 12.403 14.541 12.541C14.403 12.679 14.249 12.788 14.079 12.867C13.889 12.956 13.696 13 13.5 13L9 13C8.823 13 8.688 12.997 8.594 12.991C8.424 12.981 8.269 12.958 8.129 12.923C7.765 12.832 7.44 12.645 7.155 12.362L1.162 6.869C1.054 6.769 1 6.647 1 6.5C1 6.06 1.102 5.622 1.305 5.187C1.494 4.782 1.753 4.415 2.084 4.084C2.415 3.753 2.782 3.494 3.187 3.305C3.622 3.102 4.06 3 4.5 3C4.596 3 4.683 3.025 4.763 3.074C4.843 3.124 4.904 3.191 4.947 3.276C5.173 3.728 5.392 4.06 5.604 4.271C5.729 4.397 5.842 4.471 5.94 4.493C5.97 4.464 6.006 4.421 6.048 4.365C6.135 4.247 6.273 4.018 6.463 3.677C6.6 3.43 6.705 3.249 6.776 3.135C6.907 2.925 7.031 2.762 7.146 2.646C7.494 2.299 7.862 2.125 8.25 2.125C8.638 2.125 9.006 2.299 9.354 2.646L13.854 7.146C14.17 7.463 14.434 7.869 14.647 8.366ZM12.5 7.207L11.354 8.354C11.254 8.453 11.136 8.503 11 8.503C10.864 8.503 10.746 8.453 10.646 8.354C10.549 8.256 10.5 8.138 10.5 8C10.5 7.862 10.549 7.744 10.646 7.646L11.793 6.5L10.5 5.207L9.354 6.354C9.254 6.453 9.136 6.503 9 6.503C8.864 6.503 8.746 6.453 8.646 6.354C8.549 6.256 8.5 6.138 8.5 6C8.5 5.862 8.549 5.744 8.646 5.646L9.793 4.5L8.646 3.354C8.494 3.201 8.362 3.125 8.25 3.125C8.138 3.125 8.006 3.201 7.854 3.354C7.753 3.454 7.581 3.724 7.337 4.163C7.127 4.542 6.965 4.808 6.852 4.96C6.585 5.32 6.301 5.5 6 5.5C5.612 5.5 5.244 5.326 4.896 4.979C4.663 4.745 4.434 4.427 4.21 4.023C4.083 4.043 3.955 4.076 3.827 4.122C3.836 4.13 3.845 4.138 3.854 4.146L8.854 9.146C9.013 9.306 9.133 9.421 9.214 9.492C9.338 9.602 9.457 9.691 9.57 9.759C9.838 9.92 10.148 10 10.5 10L14 10C14 9.596 13.909 9.183 13.728 8.759C13.566 8.381 13.372 8.079 13.146 7.854L12.5 7.207ZM7.854 11.646C8.01 11.803 8.183 11.905 8.371 11.952C8.498 11.984 8.708 12 9 12L13.5 12C13.612 12 13.723 11.945 13.834 11.834C13.945 11.723 14 11.612 14 11.5L14 11L10.5 11C9.963 11 9.482 10.872 9.055 10.616C8.89 10.517 8.722 10.393 8.552 10.242C8.456 10.157 8.32 10.028 8.146 9.854L3.146 4.854C3.074 4.781 3.028 4.694 3.009 4.593C2.934 4.654 2.862 4.721 2.791 4.791C2.544 5.039 2.35 5.312 2.211 5.61C2.104 5.84 2.037 6.067 2.012 6.291L7.838 11.631C7.843 11.636 7.848 11.641 7.854 11.646Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_sneaker_tilt.xml · Gentleface "sneaker-tilt" (line-round), MIT. https://gentleface.com/icons/sneaker-tilt -->
<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="M14.647 8.366C14.882 8.915 15 9.459 15 10L15 11.5C15 11.696 14.956 11.889 14.867 12.079C14.788 12.249 14.679 12.403 14.541 12.541C14.403 12.679 14.249 12.788 14.079 12.867C13.889 12.956 13.696 13 13.5 13L9 13C8.823 13 8.688 12.997 8.594 12.991C8.424 12.981 8.269 12.958 8.129 12.923C7.765 12.832 7.44 12.645 7.155 12.362L1.162 6.869C1.054 6.769 1 6.647 1 6.5C1 6.06 1.102 5.622 1.305 5.187C1.494 4.782 1.753 4.415 2.084 4.084C2.415 3.753 2.782 3.494 3.187 3.305C3.622 3.102 4.06 3 4.5 3C4.596 3 4.683 3.025 4.763 3.074C4.843 3.124 4.904 3.191 4.947 3.276C5.173 3.728 5.392 4.06 5.604 4.271C5.729 4.397 5.842 4.471 5.94 4.493C5.97 4.464 6.006 4.421 6.048 4.365C6.135 4.247 6.273 4.018 6.463 3.677C6.6 3.43 6.705 3.249 6.776 3.135C6.907 2.925 7.031 2.762 7.146 2.646C7.494 2.299 7.862 2.125 8.25 2.125C8.638 2.125 9.006 2.299 9.354 2.646L13.854 7.146C14.17 7.463 14.434 7.869 14.647 8.366ZM12.5 7.207L11.354 8.354C11.254 8.453 11.136 8.503 11 8.503C10.864 8.503 10.746 8.453 10.646 8.354C10.549 8.256 10.5 8.138 10.5 8C10.5 7.862 10.549 7.744 10.646 7.646L11.793 6.5L10.5 5.207L9.354 6.354C9.254 6.453 9.136 6.503 9 6.503C8.864 6.503 8.746 6.453 8.646 6.354C8.549 6.256 8.5 6.138 8.5 6C8.5 5.862 8.549 5.744 8.646 5.646L9.793 4.5L8.646 3.354C8.494 3.201 8.362 3.125 8.25 3.125C8.138 3.125 8.006 3.201 7.854 3.354C7.753 3.454 7.581 3.724 7.337 4.163C7.127 4.542 6.965 4.808 6.852 4.96C6.585 5.32 6.301 5.5 6 5.5C5.612 5.5 5.244 5.326 4.896 4.979C4.663 4.745 4.434 4.427 4.21 4.023C4.083 4.043 3.955 4.076 3.827 4.122C3.836 4.13 3.845 4.138 3.854 4.146L8.854 9.146C9.013 9.306 9.133 9.421 9.214 9.492C9.338 9.602 9.457 9.691 9.57 9.759C9.838 9.92 10.148 10 10.5 10L14 10C14 9.596 13.909 9.183 13.728 8.759C13.566 8.381 13.372 8.079 13.146 7.854L12.5 7.207ZM7.854 11.646C8.01 11.803 8.183 11.905 8.371 11.952C8.498 11.984 8.708 12 9 12L13.5 12C13.612 12 13.723 11.945 13.834 11.834C13.945 11.723 14 11.612 14 11.5L14 11L10.5 11C9.963 11 9.482 10.872 9.055 10.616C8.89 10.517 8.722 10.393 8.552 10.242C8.456 10.157 8.32 10.028 8.146 9.854L3.146 4.854C3.074 4.781 3.028 4.694 3.009 4.593C2.934 4.654 2.862 4.721 2.791 4.791C2.544 5.039 2.35 5.312 2.211 5.61C2.104 5.84 2.037 6.067 2.012 6.291L7.838 11.631C7.843 11.636 7.848 11.641 7.854 11.646Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(14.647, 8.366)
      ..cubicTo(14.882, 8.915, 15, 9.459, 15, 10)
      ..lineTo(15, 11.5)
      ..cubicTo(15, 11.696, 14.956, 11.889, 14.867, 12.079)
      ..cubicTo(14.788, 12.249, 14.679, 12.403, 14.541, 12.541)
      ..cubicTo(14.403, 12.679, 14.249, 12.788, 14.079, 12.867)
      ..cubicTo(13.889, 12.956, 13.696, 13, 13.5, 13)
      ..lineTo(9, 13)
      ..cubicTo(8.823, 13, 8.688, 12.997, 8.594, 12.991)
      ..cubicTo(8.424, 12.981, 8.269, 12.958, 8.129, 12.923)
      ..cubicTo(7.765, 12.832, 7.44, 12.645, 7.155, 12.362)
      ..lineTo(1.162, 6.869)
      ..cubicTo(1.054, 6.769, 1, 6.647, 1, 6.5)
      ..cubicTo(1, 6.06, 1.102, 5.622, 1.305, 5.187)
      ..cubicTo(1.494, 4.782, 1.753, 4.415, 2.084, 4.084)
      ..cubicTo(2.415, 3.753, 2.782, 3.494, 3.187, 3.305)
      ..cubicTo(3.622, 3.102, 4.06, 3, 4.5, 3)
      ..cubicTo(4.596, 3, 4.683, 3.025, 4.763, 3.074)
      ..cubicTo(4.843, 3.124, 4.904, 3.191, 4.947, 3.276)
      ..cubicTo(5.173, 3.728, 5.392, 4.06, 5.604, 4.271)
      ..cubicTo(5.729, 4.397, 5.842, 4.471, 5.94, 4.493)
      ..cubicTo(5.97, 4.464, 6.006, 4.421, 6.048, 4.365)
      ..cubicTo(6.135, 4.247, 6.273, 4.018, 6.463, 3.677)
      ..cubicTo(6.6, 3.43, 6.705, 3.249, 6.776, 3.135)
      ..cubicTo(6.907, 2.925, 7.031, 2.762, 7.146, 2.646)
      ..cubicTo(7.494, 2.299, 7.862, 2.125, 8.25, 2.125)
      ..cubicTo(8.638, 2.125, 9.006, 2.299, 9.354, 2.646)
      ..lineTo(13.854, 7.146)
      ..cubicTo(14.17, 7.463, 14.434, 7.869, 14.647, 8.366)
      ..close()
      ..moveTo(12.5, 7.207)
      ..lineTo(11.354, 8.354)
      ..cubicTo(11.254, 8.453, 11.136, 8.503, 11, 8.503)
      ..cubicTo(10.864, 8.503, 10.746, 8.453, 10.646, 8.354)
      ..cubicTo(10.549, 8.256, 10.5, 8.138, 10.5, 8)
      ..cubicTo(10.5, 7.862, 10.549, 7.744, 10.646, 7.646)
      ..lineTo(11.793, 6.5)
      ..lineTo(10.5, 5.207)
      ..lineTo(9.354, 6.354)
      ..cubicTo(9.254, 6.453, 9.136, 6.503, 9, 6.503)
      ..cubicTo(8.864, 6.503, 8.746, 6.453, 8.646, 6.354)
      ..cubicTo(8.549, 6.256, 8.5, 6.138, 8.5, 6)
      ..cubicTo(8.5, 5.862, 8.549, 5.744, 8.646, 5.646)
      ..lineTo(9.793, 4.5)
      ..lineTo(8.646, 3.354)
      ..cubicTo(8.494, 3.201, 8.362, 3.125, 8.25, 3.125)
      ..cubicTo(8.138, 3.125, 8.006, 3.201, 7.854, 3.354)
      ..cubicTo(7.753, 3.454, 7.581, 3.724, 7.337, 4.163)
      ..cubicTo(7.127, 4.542, 6.965, 4.808, 6.852, 4.96)
      ..cubicTo(6.585, 5.32, 6.301, 5.5, 6, 5.5)
      ..cubicTo(5.612, 5.5, 5.244, 5.326, 4.896, 4.979)
      ..cubicTo(4.663, 4.745, 4.434, 4.427, 4.21, 4.023)
      ..cubicTo(4.083, 4.043, 3.955, 4.076, 3.827, 4.122)
      ..cubicTo(3.836, 4.13, 3.845, 4.138, 3.854, 4.146)
      ..lineTo(8.854, 9.146)
      ..cubicTo(9.013, 9.306, 9.133, 9.421, 9.214, 9.492)
      ..cubicTo(9.338, 9.602, 9.457, 9.691, 9.57, 9.759)
      ..cubicTo(9.838, 9.92, 10.148, 10, 10.5, 10)
      ..lineTo(14, 10)
      ..cubicTo(14, 9.596, 13.909, 9.183, 13.728, 8.759)
      ..cubicTo(13.566, 8.381, 13.372, 8.079, 13.146, 7.854)
      ..lineTo(12.5, 7.207)
      ..close()
      ..moveTo(7.854, 11.646)
      ..cubicTo(8.01, 11.803, 8.183, 11.905, 8.371, 11.952)
      ..cubicTo(8.498, 11.984, 8.708, 12, 9, 12)
      ..lineTo(13.5, 12)
      ..cubicTo(13.612, 12, 13.723, 11.945, 13.834, 11.834)
      ..cubicTo(13.945, 11.723, 14, 11.612, 14, 11.5)
      ..lineTo(14, 11)
      ..lineTo(10.5, 11)
      ..cubicTo(9.963, 11, 9.482, 10.872, 9.055, 10.616)
      ..cubicTo(8.89, 10.517, 8.722, 10.393, 8.552, 10.242)
      ..cubicTo(8.456, 10.157, 8.32, 10.028, 8.146, 9.854)
      ..lineTo(3.146, 4.854)
      ..cubicTo(3.074, 4.781, 3.028, 4.694, 3.009, 4.593)
      ..cubicTo(2.934, 4.654, 2.862, 4.721, 2.791, 4.791)
      ..cubicTo(2.544, 5.039, 2.35, 5.312, 2.211, 5.61)
      ..cubicTo(2.104, 5.84, 2.037, 6.067, 2.012, 6.291)
      ..lineTo(7.838, 11.631)
      ..cubicTo(7.843, 11.636, 7.848, 11.641, 7.854, 11.646)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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