sneaker move icon

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

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

5 other variants in Phosphor

sneaker-movesneaker-move-boldsneaker-move-duotonesneaker-move-fillsneaker-move-light

Use the sneaker move icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m229.37 170.21l-28.62-14.31A51.7 51.7 0 0 1 172 109.39V80a4 4 0 0 0-4-4a52.06 52.06 0 0 1-52-52a4 4 0 0 0-6.42-3.19l-77 58.41l-.1.08a12 12 0 0 0-.94 17.81l113.69 113.72a4 4 0 0 0 2.83 1.17H224a12 12 0 0 0 12-12v-19.06a11.94 11.94 0 0 0-6.63-10.73M228 200a4 4 0 0 1-4 4h-74.28L37.17 91.45a4 4 0 0 1 .27-5.9l15.79-12l41.26 41.25a4 4 0 0 0 5.65-5.66L59.67 68.7l48.82-37A60.12 60.12 0 0 0 164 83.87v25.52a59.68 59.68 0 0 0 33.17 53.67l28.62 14.31a4 4 0 0 1 2.21 3.57ZM70.8 180H32a4 4 0 0 1 0-8h38.8a4 4 0 1 1 0 8m36 28a4 4 0 0 1-4 4H48a4 4 0 0 1 0-8h54.8a4 4 0 0 1 4 4"/></svg>

React

import type { SVGProps } from "react";

export function PhSneakerMoveThin(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="m229.37 170.21l-28.62-14.31A51.7 51.7 0 0 1 172 109.39V80a4 4 0 0 0-4-4a52.06 52.06 0 0 1-52-52a4 4 0 0 0-6.42-3.19l-77 58.41l-.1.08a12 12 0 0 0-.94 17.81l113.69 113.72a4 4 0 0 0 2.83 1.17H224a12 12 0 0 0 12-12v-19.06a11.94 11.94 0 0 0-6.63-10.73M228 200a4 4 0 0 1-4 4h-74.28L37.17 91.45a4 4 0 0 1 .27-5.9l15.79-12l41.26 41.25a4 4 0 0 0 5.65-5.66L59.67 68.7l48.82-37A60.12 60.12 0 0 0 164 83.87v25.52a59.68 59.68 0 0 0 33.17 53.67l28.62 14.31a4 4 0 0 1 2.21 3.57ZM70.8 180H32a4 4 0 0 1 0-8h38.8a4 4 0 1 1 0 8m36 28a4 4 0 0 1-4 4H48a4 4 0 0 1 0-8h54.8a4 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="m229.37 170.21l-28.62-14.31A51.7 51.7 0 0 1 172 109.39V80a4 4 0 0 0-4-4a52.06 52.06 0 0 1-52-52a4 4 0 0 0-6.42-3.19l-77 58.41l-.1.08a12 12 0 0 0-.94 17.81l113.69 113.72a4 4 0 0 0 2.83 1.17H224a12 12 0 0 0 12-12v-19.06a11.94 11.94 0 0 0-6.63-10.73M228 200a4 4 0 0 1-4 4h-74.28L37.17 91.45a4 4 0 0 1 .27-5.9l15.79-12l41.26 41.25a4 4 0 0 0 5.65-5.66L59.67 68.7l48.82-37A60.12 60.12 0 0 0 164 83.87v25.52a59.68 59.68 0 0 0 33.17 53.67l28.62 14.31a4 4 0 0 1 2.21 3.57ZM70.8 180H32a4 4 0 0 1 0-8h38.8a4 4 0 1 1 0 8m36 28a4 4 0 0 1-4 4H48a4 4 0 0 1 0-8h54.8a4 4 0 0 1 4 4"/></svg>
</template>

CSS

.icon-sneaker-move-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%22m229.37%20170.21l-28.62-14.31A51.7%2051.7%200%200%201%20172%20109.39V80a4%204%200%200%200-4-4a52.06%2052.06%200%200%201-52-52a4%204%200%200%200-6.42-3.19l-77%2058.41l-.1.08a12%2012%200%200%200-.94%2017.81l113.69%20113.72a4%204%200%200%200%202.83%201.17H224a12%2012%200%200%200%2012-12v-19.06a11.94%2011.94%200%200%200-6.63-10.73M228%20200a4%204%200%200%201-4%204h-74.28L37.17%2091.45a4%204%200%200%201%20.27-5.9l15.79-12l41.26%2041.25a4%204%200%200%200%205.65-5.66L59.67%2068.7l48.82-37A60.12%2060.12%200%200%200%20164%2083.87v25.52a59.68%2059.68%200%200%200%2033.17%2053.67l28.62%2014.31a4%204%200%200%201%202.21%203.57ZM70.8%20180H32a4%204%200%200%201%200-8h38.8a4%204%200%201%201%200%208m36%2028a4%204%200%200%201-4%204H48a4%204%200%200%201%200-8h54.8a4%204%200%200%201%204%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%22m229.37%20170.21l-28.62-14.31A51.7%2051.7%200%200%201%20172%20109.39V80a4%204%200%200%200-4-4a52.06%2052.06%200%200%201-52-52a4%204%200%200%200-6.42-3.19l-77%2058.41l-.1.08a12%2012%200%200%200-.94%2017.81l113.69%20113.72a4%204%200%200%200%202.83%201.17H224a12%2012%200%200%200%2012-12v-19.06a11.94%2011.94%200%200%200-6.63-10.73M228%20200a4%204%200%200%201-4%204h-74.28L37.17%2091.45a4%204%200%200%201%20.27-5.9l15.79-12l41.26%2041.25a4%204%200%200%200%205.65-5.66L59.67%2068.7l48.82-37A60.12%2060.12%200%200%200%20164%2083.87v25.52a59.68%2059.68%200%200%200%2033.17%2053.67l28.62%2014.31a4%204%200%200%201%202.21%203.57ZM70.8%20180H32a4%204%200%200%201%200-8h38.8a4%204%200%201%201%200%208m36%2028a4%204%200%200%201-4%204H48a4%204%200%200%201%200-8h54.8a4%204%200%200%201%204%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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