Gentleface › Games & sports › sneaker-tilt

sneaker-tilt icon

Sneaker tilt: sneaker, running shoe, shoes, footwear. 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="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

// 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: see /icons/sneaker-tilt.md

Svelte

Svelte: see /icons/sneaker-tilt.md

HTML img

HTML img: see /icons/sneaker-tilt.md

CSS

CSS: see /icons/sneaker-tilt.md

Data URL

Data URL: see /icons/sneaker-tilt.md

Sprite

Sprite: see /icons/sneaker-tilt.md

SwiftUI

SwiftUI: see /icons/sneaker-tilt.md

Compose

Compose: see /icons/sneaker-tilt.md

Android XML

Android XML: see /icons/sneaker-tilt.md

Flutter

Flutter: see /icons/sneaker-tilt.md

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

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

Category

Games & sports

Component name

SneakerTiltIcon

History

2026-11-09 16 px redrawn, 20 px drawn, 24 px drawn, added

Family 1

sneaker

More games & sports icons

alien american-football badminton barbell baseball baseball-bat basketball basketball-court billiards bomb bow-arrow bowling boxing-glove chess-bishop chess-king chess-knight · all games & sports icons

For agents

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

sneaker-tilt icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp