skip back 10 icon
skip-back-10-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- skip-back-10-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- skip-backward-10-24-regular
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the skip back 10 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.75 2.5a.75.75 0 0 0-.75.75v5.5c0 .414.336.75.75.75h5.5a.75.75 0 0 0 0-1.5H4.343C5.4 6.602 6.77 5.465 8.472 4.938a9.7 9.7 0 0 1 6.266.165c2.03.755 3.91 2.285 4.854 4.008a.75.75 0 0 0 1.316-.721c-1.143-2.083-3.33-3.831-5.647-4.693a11.2 11.2 0 0 0-7.233-.192C6.15 4.087 4.653 5.262 3.5 6.65v-3.4a.75.75 0 0 0-.75-.75m6.203 8.528a.75.75 0 0 1 .547.722v8.5a.75.75 0 0 1-1.5 0v-6.417c-.382.369-.84.746-1.364 1.06a.75.75 0 1 1-.772-1.286c.676-.405 1.24-.965 1.643-1.44a8 8 0 0 0 .597-.798l.006-.009v-.001a.75.75 0 0 1 .843-.331m4.246 1.601c.554-.991 1.483-1.629 2.803-1.629s2.25.638 2.803 1.629c.522.933.697 2.147.697 3.371s-.175 2.438-.697 3.371c-.554.991-1.483 1.629-2.803 1.629s-2.25-.638-2.803-1.629c-.522-.933-.697-2.147-.697-3.371s.175-2.438.697-3.371m1.31.732c-.339.604-.507 1.516-.507 2.639s.168 2.035.506 2.64c.306.546.751.86 1.494.86s1.188-.314 1.494-.86c.338-.605.506-1.517.506-2.64s-.168-2.035-.506-2.64c-.306-.546-.751-.86-1.494-.86s-1.188.314-1.494.86"/></svg>
React
import type { SVGProps } from "react";
export function FluentSkipBack1024Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.75 2.5a.75.75 0 0 0-.75.75v5.5c0 .414.336.75.75.75h5.5a.75.75 0 0 0 0-1.5H4.343C5.4 6.602 6.77 5.465 8.472 4.938a9.7 9.7 0 0 1 6.266.165c2.03.755 3.91 2.285 4.854 4.008a.75.75 0 0 0 1.316-.721c-1.143-2.083-3.33-3.831-5.647-4.693a11.2 11.2 0 0 0-7.233-.192C6.15 4.087 4.653 5.262 3.5 6.65v-3.4a.75.75 0 0 0-.75-.75m6.203 8.528a.75.75 0 0 1 .547.722v8.5a.75.75 0 0 1-1.5 0v-6.417c-.382.369-.84.746-1.364 1.06a.75.75 0 1 1-.772-1.286c.676-.405 1.24-.965 1.643-1.44a8 8 0 0 0 .597-.798l.006-.009v-.001a.75.75 0 0 1 .843-.331m4.246 1.601c.554-.991 1.483-1.629 2.803-1.629s2.25.638 2.803 1.629c.522.933.697 2.147.697 3.371s-.175 2.438-.697 3.371c-.554.991-1.483 1.629-2.803 1.629s-2.25-.638-2.803-1.629c-.522-.933-.697-2.147-.697-3.371s.175-2.438.697-3.371m1.31.732c-.339.604-.507 1.516-.507 2.639s.168 2.035.506 2.64c.306.546.751.86 1.494.86s1.188-.314 1.494-.86c.338-.605.506-1.517.506-2.64s-.168-2.035-.506-2.64c-.306-.546-.751-.86-1.494-.86s-1.188.314-1.494.86"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.75 2.5a.75.75 0 0 0-.75.75v5.5c0 .414.336.75.75.75h5.5a.75.75 0 0 0 0-1.5H4.343C5.4 6.602 6.77 5.465 8.472 4.938a9.7 9.7 0 0 1 6.266.165c2.03.755 3.91 2.285 4.854 4.008a.75.75 0 0 0 1.316-.721c-1.143-2.083-3.33-3.831-5.647-4.693a11.2 11.2 0 0 0-7.233-.192C6.15 4.087 4.653 5.262 3.5 6.65v-3.4a.75.75 0 0 0-.75-.75m6.203 8.528a.75.75 0 0 1 .547.722v8.5a.75.75 0 0 1-1.5 0v-6.417c-.382.369-.84.746-1.364 1.06a.75.75 0 1 1-.772-1.286c.676-.405 1.24-.965 1.643-1.44a8 8 0 0 0 .597-.798l.006-.009v-.001a.75.75 0 0 1 .843-.331m4.246 1.601c.554-.991 1.483-1.629 2.803-1.629s2.25.638 2.803 1.629c.522.933.697 2.147.697 3.371s-.175 2.438-.697 3.371c-.554.991-1.483 1.629-2.803 1.629s-2.25-.638-2.803-1.629c-.522-.933-.697-2.147-.697-3.371s.175-2.438.697-3.371m1.31.732c-.339.604-.507 1.516-.507 2.639s.168 2.035.506 2.64c.306.546.751.86 1.494.86s1.188-.314 1.494-.86c.338-.605.506-1.517.506-2.64s-.168-2.035-.506-2.64c-.306-.546-.751-.86-1.494-.86s-1.188.314-1.494.86"/></svg> </template>
CSS
.icon-skip-back-10-24-regular {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.75%202.5a.75.75%200%200%200-.75.75v5.5c0%20.414.336.75.75.75h5.5a.75.75%200%200%200%200-1.5H4.343C5.4%206.602%206.77%205.465%208.472%204.938a9.7%209.7%200%200%201%206.266.165c2.03.755%203.91%202.285%204.854%204.008a.75.75%200%200%200%201.316-.721c-1.143-2.083-3.33-3.831-5.647-4.693a11.2%2011.2%200%200%200-7.233-.192C6.15%204.087%204.653%205.262%203.5%206.65v-3.4a.75.75%200%200%200-.75-.75m6.203%208.528a.75.75%200%200%201%20.547.722v8.5a.75.75%200%200%201-1.5%200v-6.417c-.382.369-.84.746-1.364%201.06a.75.75%200%201%201-.772-1.286c.676-.405%201.24-.965%201.643-1.44a8%208%200%200%200%20.597-.798l.006-.009v-.001a.75.75%200%200%201%20.843-.331m4.246%201.601c.554-.991%201.483-1.629%202.803-1.629s2.25.638%202.803%201.629c.522.933.697%202.147.697%203.371s-.175%202.438-.697%203.371c-.554.991-1.483%201.629-2.803%201.629s-2.25-.638-2.803-1.629c-.522-.933-.697-2.147-.697-3.371s.175-2.438.697-3.371m1.31.732c-.339.604-.507%201.516-.507%202.639s.168%202.035.506%202.64c.306.546.751.86%201.494.86s1.188-.314%201.494-.86c.338-.605.506-1.517.506-2.64s-.168-2.035-.506-2.64c-.306-.546-.751-.86-1.494-.86s-1.188.314-1.494.86%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.75%202.5a.75.75%200%200%200-.75.75v5.5c0%20.414.336.75.75.75h5.5a.75.75%200%200%200%200-1.5H4.343C5.4%206.602%206.77%205.465%208.472%204.938a9.7%209.7%200%200%201%206.266.165c2.03.755%203.91%202.285%204.854%204.008a.75.75%200%200%200%201.316-.721c-1.143-2.083-3.33-3.831-5.647-4.693a11.2%2011.2%200%200%200-7.233-.192C6.15%204.087%204.653%205.262%203.5%206.65v-3.4a.75.75%200%200%200-.75-.75m6.203%208.528a.75.75%200%200%201%20.547.722v8.5a.75.75%200%200%201-1.5%200v-6.417c-.382.369-.84.746-1.364%201.06a.75.75%200%201%201-.772-1.286c.676-.405%201.24-.965%201.643-1.44a8%208%200%200%200%20.597-.798l.006-.009v-.001a.75.75%200%200%201%20.843-.331m4.246%201.601c.554-.991%201.483-1.629%202.803-1.629s2.25.638%202.803%201.629c.522.933.697%202.147.697%203.371s-.175%202.438-.697%203.371c-.554.991-1.483%201.629-2.803%201.629s-2.25-.638-2.803-1.629c-.522-.933-.697-2.147-.697-3.371s.175-2.438.697-3.371m1.31.732c-.339.604-.507%201.516-.507%202.639s.168%202.035.506%202.64c.306.546.751.86%201.494.86s1.188-.314%201.494-.86c.338-.605.506-1.517.506-2.64s-.168-2.035-.506-2.64c-.306-.546-.751-.86-1.494-.86s-1.188.314-1.494.86%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/skip-back-10-24-regular.svg?color=%231a73e8&size=48
