skip back 10 icon
skip-back-10-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- skip-back-10-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- License
- MIT
- Aliases
- skip-backward-10-24-filled
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="M3 2.25a1 1 0 0 0-1 1V9a1 1 0 0 0 1 1h5.25a1 1 0 0 0 0-2H4.863c.985-1.179 2.208-2.113 3.682-2.57a9.44 9.44 0 0 1 6.106.16c1.981.738 3.81 2.232 4.722 3.894a1 1 0 1 0 1.754-.961c-1.175-2.143-3.415-3.927-5.778-4.807a11.44 11.44 0 0 0-7.395-.196C6.378 4.008 5.068 4.9 4 5.979V3.25a1 1 0 0 0-1-1M9.75 12a1 1 0 0 0-1.762-.647l-.222.265c-.515.623-1.078 1.303-2.28 2.024a1 1 0 1 0 1.029 1.716c.483-.29.889-.582 1.235-.865V20a1 1 0 0 0 2 0zm6.5-1c-1.386 0-2.4.635-3.008 1.661c-.564.95-.742 2.161-.742 3.339s.178 2.39.742 3.339C13.85 20.365 14.864 21 16.25 21s2.4-.635 3.008-1.661c.564-.95.742-2.161.742-3.339s-.178-2.39-.742-3.339C18.65 11.635 17.636 11 16.25 11m-1.75 5c0-1.031.166-1.82.461-2.318c.251-.422.613-.682 1.289-.682s1.038.26 1.288.682c.296.498.462 1.287.462 2.318s-.166 1.82-.462 2.318c-.25.422-.612.682-1.288.682s-1.038-.26-1.289-.682c-.295-.498-.461-1.287-.461-2.318"/></svg>
React
import type { SVGProps } from "react";
export function FluentSkipBack1024Filled(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="M3 2.25a1 1 0 0 0-1 1V9a1 1 0 0 0 1 1h5.25a1 1 0 0 0 0-2H4.863c.985-1.179 2.208-2.113 3.682-2.57a9.44 9.44 0 0 1 6.106.16c1.981.738 3.81 2.232 4.722 3.894a1 1 0 1 0 1.754-.961c-1.175-2.143-3.415-3.927-5.778-4.807a11.44 11.44 0 0 0-7.395-.196C6.378 4.008 5.068 4.9 4 5.979V3.25a1 1 0 0 0-1-1M9.75 12a1 1 0 0 0-1.762-.647l-.222.265c-.515.623-1.078 1.303-2.28 2.024a1 1 0 1 0 1.029 1.716c.483-.29.889-.582 1.235-.865V20a1 1 0 0 0 2 0zm6.5-1c-1.386 0-2.4.635-3.008 1.661c-.564.95-.742 2.161-.742 3.339s.178 2.39.742 3.339C13.85 20.365 14.864 21 16.25 21s2.4-.635 3.008-1.661c.564-.95.742-2.161.742-3.339s-.178-2.39-.742-3.339C18.65 11.635 17.636 11 16.25 11m-1.75 5c0-1.031.166-1.82.461-2.318c.251-.422.613-.682 1.289-.682s1.038.26 1.288.682c.296.498.462 1.287.462 2.318s-.166 1.82-.462 2.318c-.25.422-.612.682-1.288.682s-1.038-.26-1.289-.682c-.295-.498-.461-1.287-.461-2.318"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 2.25a1 1 0 0 0-1 1V9a1 1 0 0 0 1 1h5.25a1 1 0 0 0 0-2H4.863c.985-1.179 2.208-2.113 3.682-2.57a9.44 9.44 0 0 1 6.106.16c1.981.738 3.81 2.232 4.722 3.894a1 1 0 1 0 1.754-.961c-1.175-2.143-3.415-3.927-5.778-4.807a11.44 11.44 0 0 0-7.395-.196C6.378 4.008 5.068 4.9 4 5.979V3.25a1 1 0 0 0-1-1M9.75 12a1 1 0 0 0-1.762-.647l-.222.265c-.515.623-1.078 1.303-2.28 2.024a1 1 0 1 0 1.029 1.716c.483-.29.889-.582 1.235-.865V20a1 1 0 0 0 2 0zm6.5-1c-1.386 0-2.4.635-3.008 1.661c-.564.95-.742 2.161-.742 3.339s.178 2.39.742 3.339C13.85 20.365 14.864 21 16.25 21s2.4-.635 3.008-1.661c.564-.95.742-2.161.742-3.339s-.178-2.39-.742-3.339C18.65 11.635 17.636 11 16.25 11m-1.75 5c0-1.031.166-1.82.461-2.318c.251-.422.613-.682 1.289-.682s1.038.26 1.288.682c.296.498.462 1.287.462 2.318s-.166 1.82-.462 2.318c-.25.422-.612.682-1.288.682s-1.038-.26-1.289-.682c-.295-.498-.461-1.287-.461-2.318"/></svg> </template>
CSS
.icon-skip-back-10-24-filled {
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%22M3%202.25a1%201%200%200%200-1%201V9a1%201%200%200%200%201%201h5.25a1%201%200%200%200%200-2H4.863c.985-1.179%202.208-2.113%203.682-2.57a9.44%209.44%200%200%201%206.106.16c1.981.738%203.81%202.232%204.722%203.894a1%201%200%201%200%201.754-.961c-1.175-2.143-3.415-3.927-5.778-4.807a11.44%2011.44%200%200%200-7.395-.196C6.378%204.008%205.068%204.9%204%205.979V3.25a1%201%200%200%200-1-1M9.75%2012a1%201%200%200%200-1.762-.647l-.222.265c-.515.623-1.078%201.303-2.28%202.024a1%201%200%201%200%201.029%201.716c.483-.29.889-.582%201.235-.865V20a1%201%200%200%200%202%200zm6.5-1c-1.386%200-2.4.635-3.008%201.661c-.564.95-.742%202.161-.742%203.339s.178%202.39.742%203.339C13.85%2020.365%2014.864%2021%2016.25%2021s2.4-.635%203.008-1.661c.564-.95.742-2.161.742-3.339s-.178-2.39-.742-3.339C18.65%2011.635%2017.636%2011%2016.25%2011m-1.75%205c0-1.031.166-1.82.461-2.318c.251-.422.613-.682%201.289-.682s1.038.26%201.288.682c.296.498.462%201.287.462%202.318s-.166%201.82-.462%202.318c-.25.422-.612.682-1.288.682s-1.038-.26-1.289-.682c-.295-.498-.461-1.287-.461-2.318%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%22M3%202.25a1%201%200%200%200-1%201V9a1%201%200%200%200%201%201h5.25a1%201%200%200%200%200-2H4.863c.985-1.179%202.208-2.113%203.682-2.57a9.44%209.44%200%200%201%206.106.16c1.981.738%203.81%202.232%204.722%203.894a1%201%200%201%200%201.754-.961c-1.175-2.143-3.415-3.927-5.778-4.807a11.44%2011.44%200%200%200-7.395-.196C6.378%204.008%205.068%204.9%204%205.979V3.25a1%201%200%200%200-1-1M9.75%2012a1%201%200%200%200-1.762-.647l-.222.265c-.515.623-1.078%201.303-2.28%202.024a1%201%200%201%200%201.029%201.716c.483-.29.889-.582%201.235-.865V20a1%201%200%200%200%202%200zm6.5-1c-1.386%200-2.4.635-3.008%201.661c-.564.95-.742%202.161-.742%203.339s.178%202.39.742%203.339C13.85%2020.365%2014.864%2021%2016.25%2021s2.4-.635%203.008-1.661c.564-.95.742-2.161.742-3.339s-.178-2.39-.742-3.339C18.65%2011.635%2017.636%2011%2016.25%2011m-1.75%205c0-1.031.166-1.82.461-2.318c.251-.422.613-.682%201.289-.682s1.038.26%201.288.682c.296.498.462%201.287.462%202.318s-.166%201.82-.462%202.318c-.25.422-.612.682-1.288.682s-1.038-.26-1.289-.682c-.295-.498-.461-1.287-.461-2.318%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-filled.svg?color=%231a73e8&size=48
