sneaker icon

sneaker-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
sneaker-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

sneakersneaker-boldsneaker-duotonesneaker-fillsneaker-light

The same icon in other sets

sneakerHuge IconssneakerLucide LabsneakerOpenMoji

Related icons in Phosphor

sneaker-move

Use the sneaker icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m227.38 132.91l-60.72-20.24A28 28 0 0 1 150 97.53l-23.31-54.41a12 12 0 0 0-15.07-6.4L35.9 64.25A12 12 0 0 0 28 75.53V192a12 12 0 0 0 12 12h200a12 12 0 0 0 12-12v-24.94a36 36 0 0 0-24.62-34.15M38.63 71.77l75.72-27.53a3.8 3.8 0 0 1 1.37-.24a4 4 0 0 1 3.63 2.32L128.17 67l-25.54 9.29A4 4 0 0 0 104 84a4.1 4.1 0 0 0 1.37-.24l25.95-9.44l7.89 18.44l-20.58 7.48A4 4 0 0 0 120 108a4.1 4.1 0 0 0 1.37-.24l21-7.64l.25.6a36.1 36.1 0 0 0 13.52 15.7l-21.5 7.82A4 4 0 0 0 136 132a4.1 4.1 0 0 0 1.37-.24l29.3-10.66l58.18 19.4a28 28 0 0 1 19 23.5H36V75.53a4 4 0 0 1 2.63-3.76M240 196H40a4 4 0 0 1-4-4v-20h208v20a4 4 0 0 1-4 4"/></svg>

React

import type { SVGProps } from "react";

export function PhSneakerThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m227.38 132.91l-60.72-20.24A28 28 0 0 1 150 97.53l-23.31-54.41a12 12 0 0 0-15.07-6.4L35.9 64.25A12 12 0 0 0 28 75.53V192a12 12 0 0 0 12 12h200a12 12 0 0 0 12-12v-24.94a36 36 0 0 0-24.62-34.15M38.63 71.77l75.72-27.53a3.8 3.8 0 0 1 1.37-.24a4 4 0 0 1 3.63 2.32L128.17 67l-25.54 9.29A4 4 0 0 0 104 84a4.1 4.1 0 0 0 1.37-.24l25.95-9.44l7.89 18.44l-20.58 7.48A4 4 0 0 0 120 108a4.1 4.1 0 0 0 1.37-.24l21-7.64l.25.6a36.1 36.1 0 0 0 13.52 15.7l-21.5 7.82A4 4 0 0 0 136 132a4.1 4.1 0 0 0 1.37-.24l29.3-10.66l58.18 19.4a28 28 0 0 1 19 23.5H36V75.53a4 4 0 0 1 2.63-3.76M240 196H40a4 4 0 0 1-4-4v-20h208v20a4 4 0 0 1-4 4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m227.38 132.91l-60.72-20.24A28 28 0 0 1 150 97.53l-23.31-54.41a12 12 0 0 0-15.07-6.4L35.9 64.25A12 12 0 0 0 28 75.53V192a12 12 0 0 0 12 12h200a12 12 0 0 0 12-12v-24.94a36 36 0 0 0-24.62-34.15M38.63 71.77l75.72-27.53a3.8 3.8 0 0 1 1.37-.24a4 4 0 0 1 3.63 2.32L128.17 67l-25.54 9.29A4 4 0 0 0 104 84a4.1 4.1 0 0 0 1.37-.24l25.95-9.44l7.89 18.44l-20.58 7.48A4 4 0 0 0 120 108a4.1 4.1 0 0 0 1.37-.24l21-7.64l.25.6a36.1 36.1 0 0 0 13.52 15.7l-21.5 7.82A4 4 0 0 0 136 132a4.1 4.1 0 0 0 1.37-.24l29.3-10.66l58.18 19.4a28 28 0 0 1 19 23.5H36V75.53a4 4 0 0 1 2.63-3.76M240 196H40a4 4 0 0 1-4-4v-20h208v20a4 4 0 0 1-4 4"/></svg>
</template>

CSS

.icon-sneaker-thin {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m227.38%20132.91l-60.72-20.24A28%2028%200%200%201%20150%2097.53l-23.31-54.41a12%2012%200%200%200-15.07-6.4L35.9%2064.25A12%2012%200%200%200%2028%2075.53V192a12%2012%200%200%200%2012%2012h200a12%2012%200%200%200%2012-12v-24.94a36%2036%200%200%200-24.62-34.15M38.63%2071.77l75.72-27.53a3.8%203.8%200%200%201%201.37-.24a4%204%200%200%201%203.63%202.32L128.17%2067l-25.54%209.29A4%204%200%200%200%20104%2084a4.1%204.1%200%200%200%201.37-.24l25.95-9.44l7.89%2018.44l-20.58%207.48A4%204%200%200%200%20120%20108a4.1%204.1%200%200%200%201.37-.24l21-7.64l.25.6a36.1%2036.1%200%200%200%2013.52%2015.7l-21.5%207.82A4%204%200%200%200%20136%20132a4.1%204.1%200%200%200%201.37-.24l29.3-10.66l58.18%2019.4a28%2028%200%200%201%2019%2023.5H36V75.53a4%204%200%200%201%202.63-3.76M240%20196H40a4%204%200%200%201-4-4v-20h208v20a4%204%200%200%201-4%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m227.38%20132.91l-60.72-20.24A28%2028%200%200%201%20150%2097.53l-23.31-54.41a12%2012%200%200%200-15.07-6.4L35.9%2064.25A12%2012%200%200%200%2028%2075.53V192a12%2012%200%200%200%2012%2012h200a12%2012%200%200%200%2012-12v-24.94a36%2036%200%200%200-24.62-34.15M38.63%2071.77l75.72-27.53a3.8%203.8%200%200%201%201.37-.24a4%204%200%200%201%203.63%202.32L128.17%2067l-25.54%209.29A4%204%200%200%200%20104%2084a4.1%204.1%200%200%200%201.37-.24l25.95-9.44l7.89%2018.44l-20.58%207.48A4%204%200%200%200%20120%20108a4.1%204.1%200%200%200%201.37-.24l21-7.64l.25.6a36.1%2036.1%200%200%200%2013.52%2015.7l-21.5%207.82A4%204%200%200%200%20136%20132a4.1%204.1%200%200%200%201.37-.24l29.3-10.66l58.18%2019.4a28%2028%200%200%201%2019%2023.5H36V75.53a4%204%200%200%201%202.63-3.76M240%20196H40a4%204%200%200%201-4-4v-20h208v20a4%204%200%200%201-4%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/sneaker-thin.svg?color=%231a73e8&size=48