Sneaker Move
sneaker-move
From Phosphor Icons, redistributed under the MIT licence. Available at all 6 weights.
Weights
- Thin
- Light
- Regular
- Bold
- Fill
- Duotone
Use it
React
import { RegularSneakermove } from 'onebit-icon-react';
<RegularSneakermove size={24} />SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="24" height="24" fill="none"><path d="M168,80a56,56,0,0,1-56-56L35,82.41a8,8,0,0,0-.63,11.87L148.06,208H224a8,8,0,0,0,8-8V180.94a8,8,0,0,0-4.42-7.15L199,159.48a56,56,0,0,1-31-50.09Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M97.31,112,53.6,68.28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="32" y1="176" x2="70.8" y2="176" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="48" y1="208" x2="102.8" y2="208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
CSS mask
.icon-sneaker-move {
width: 24px; height: 24px;
background: currentColor;
mask: url("https://icons.onebit.ng/icons/regular-sneaker-move.svg") center / contain no-repeat;
}