skip backward 10 icon
skip-backward-10-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- skip-backward-10-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- License
- MIT
2 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the skip backward 10 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path d="M4 5.5a1.5 1.5 0 1 1 3 0v7.027C11.226 7.582 17.292 4.9 24.022 5c8.4.126 16.269 4.411 20.072 12.084a1.5 1.5 0 0 1-2.688 1.332C38.168 11.883 31.41 8.111 23.978 8c-6.51-.097-12.23 2.768-15.874 8H16.5a1.5 1.5 0 1 1 0 3h-11A1.5 1.5 0 0 1 4 17.5v-12zm15 18a1.5 1.5 0 0 0-2.794-.759l-.001.002l-.01.016a7.67 7.67 0 0 1-.268.413c-.198.29-.495.7-.882 1.164c-.784.94-1.898 2.056-3.267 2.878a1.5 1.5 0 1 0 1.544 2.572A15.037 15.037 0 0 0 16 27.71V40.5a1.5 1.5 0 1 0 3 0v-17zM30.314 22c-2.7 0-4.625 1.244-5.787 3.233c-1.095 1.874-1.463 4.313-1.463 6.767c0 2.454.368 4.893 1.463 6.767C25.689 40.757 27.614 42 30.314 42c2.7 0 4.626-1.244 5.788-3.233c1.094-1.874 1.462-4.313 1.462-6.767c0-2.454-.368-4.893-1.462-6.767C34.94 23.243 33.014 22 30.314 22zm-4.25 10c0-2.24.351-4.052 1.053-5.254C27.752 25.66 28.702 25 30.314 25s2.562.659 3.197 1.746c.702 1.202 1.053 3.014 1.053 5.254c0 2.24-.35 4.052-1.053 5.254C32.876 38.34 31.926 39 30.314 39s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254z" fill="currentColor"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentSkipBackward1048Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path d="M4 5.5a1.5 1.5 0 1 1 3 0v7.027C11.226 7.582 17.292 4.9 24.022 5c8.4.126 16.269 4.411 20.072 12.084a1.5 1.5 0 0 1-2.688 1.332C38.168 11.883 31.41 8.111 23.978 8c-6.51-.097-12.23 2.768-15.874 8H16.5a1.5 1.5 0 1 1 0 3h-11A1.5 1.5 0 0 1 4 17.5v-12zm15 18a1.5 1.5 0 0 0-2.794-.759l-.001.002l-.01.016a7.67 7.67 0 0 1-.268.413c-.198.29-.495.7-.882 1.164c-.784.94-1.898 2.056-3.267 2.878a1.5 1.5 0 1 0 1.544 2.572A15.037 15.037 0 0 0 16 27.71V40.5a1.5 1.5 0 1 0 3 0v-17zM30.314 22c-2.7 0-4.625 1.244-5.787 3.233c-1.095 1.874-1.463 4.313-1.463 6.767c0 2.454.368 4.893 1.463 6.767C25.689 40.757 27.614 42 30.314 42c2.7 0 4.626-1.244 5.788-3.233c1.094-1.874 1.462-4.313 1.462-6.767c0-2.454-.368-4.893-1.462-6.767C34.94 23.243 33.014 22 30.314 22zm-4.25 10c0-2.24.351-4.052 1.053-5.254C27.752 25.66 28.702 25 30.314 25s2.562.659 3.197 1.746c.702 1.202 1.053 3.014 1.053 5.254c0 2.24-.35 4.052-1.053 5.254C32.876 38.34 31.926 39 30.314 39s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254z" fill="currentColor"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path d="M4 5.5a1.5 1.5 0 1 1 3 0v7.027C11.226 7.582 17.292 4.9 24.022 5c8.4.126 16.269 4.411 20.072 12.084a1.5 1.5 0 0 1-2.688 1.332C38.168 11.883 31.41 8.111 23.978 8c-6.51-.097-12.23 2.768-15.874 8H16.5a1.5 1.5 0 1 1 0 3h-11A1.5 1.5 0 0 1 4 17.5v-12zm15 18a1.5 1.5 0 0 0-2.794-.759l-.001.002l-.01.016a7.67 7.67 0 0 1-.268.413c-.198.29-.495.7-.882 1.164c-.784.94-1.898 2.056-3.267 2.878a1.5 1.5 0 1 0 1.544 2.572A15.037 15.037 0 0 0 16 27.71V40.5a1.5 1.5 0 1 0 3 0v-17zM30.314 22c-2.7 0-4.625 1.244-5.787 3.233c-1.095 1.874-1.463 4.313-1.463 6.767c0 2.454.368 4.893 1.463 6.767C25.689 40.757 27.614 42 30.314 42c2.7 0 4.626-1.244 5.788-3.233c1.094-1.874 1.462-4.313 1.462-6.767c0-2.454-.368-4.893-1.462-6.767C34.94 23.243 33.014 22 30.314 22zm-4.25 10c0-2.24.351-4.052 1.053-5.254C27.752 25.66 28.702 25 30.314 25s2.562.659 3.197 1.746c.702 1.202 1.053 3.014 1.053 5.254c0 2.24-.35 4.052-1.053 5.254C32.876 38.34 31.926 39 30.314 39s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254z" fill="currentColor"/></g></svg> </template>
CSS
.icon-skip-backward-10-48-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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%205.5a1.5%201.5%200%201%201%203%200v7.027C11.226%207.582%2017.292%204.9%2024.022%205c8.4.126%2016.269%204.411%2020.072%2012.084a1.5%201.5%200%200%201-2.688%201.332C38.168%2011.883%2031.41%208.111%2023.978%208c-6.51-.097-12.23%202.768-15.874%208H16.5a1.5%201.5%200%201%201%200%203h-11A1.5%201.5%200%200%201%204%2017.5v-12zm15%2018a1.5%201.5%200%200%200-2.794-.759l-.001.002l-.01.016a7.67%207.67%200%200%201-.268.413c-.198.29-.495.7-.882%201.164c-.784.94-1.898%202.056-3.267%202.878a1.5%201.5%200%201%200%201.544%202.572A15.037%2015.037%200%200%200%2016%2027.71V40.5a1.5%201.5%200%201%200%203%200v-17zM30.314%2022c-2.7%200-4.625%201.244-5.787%203.233c-1.095%201.874-1.463%204.313-1.463%206.767c0%202.454.368%204.893%201.463%206.767C25.689%2040.757%2027.614%2042%2030.314%2042c2.7%200%204.626-1.244%205.788-3.233c1.094-1.874%201.462-4.313%201.462-6.767c0-2.454-.368-4.893-1.462-6.767C34.94%2023.243%2033.014%2022%2030.314%2022zm-4.25%2010c0-2.24.351-4.052%201.053-5.254C27.752%2025.66%2028.702%2025%2030.314%2025s2.562.659%203.197%201.746c.702%201.202%201.053%203.014%201.053%205.254c0%202.24-.35%204.052-1.053%205.254C32.876%2038.34%2031.926%2039%2030.314%2039s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%205.5a1.5%201.5%200%201%201%203%200v7.027C11.226%207.582%2017.292%204.9%2024.022%205c8.4.126%2016.269%204.411%2020.072%2012.084a1.5%201.5%200%200%201-2.688%201.332C38.168%2011.883%2031.41%208.111%2023.978%208c-6.51-.097-12.23%202.768-15.874%208H16.5a1.5%201.5%200%201%201%200%203h-11A1.5%201.5%200%200%201%204%2017.5v-12zm15%2018a1.5%201.5%200%200%200-2.794-.759l-.001.002l-.01.016a7.67%207.67%200%200%201-.268.413c-.198.29-.495.7-.882%201.164c-.784.94-1.898%202.056-3.267%202.878a1.5%201.5%200%201%200%201.544%202.572A15.037%2015.037%200%200%200%2016%2027.71V40.5a1.5%201.5%200%201%200%203%200v-17zM30.314%2022c-2.7%200-4.625%201.244-5.787%203.233c-1.095%201.874-1.463%204.313-1.463%206.767c0%202.454.368%204.893%201.463%206.767C25.689%2040.757%2027.614%2042%2030.314%2042c2.7%200%204.626-1.244%205.788-3.233c1.094-1.874%201.462-4.313%201.462-6.767c0-2.454-.368-4.893-1.462-6.767C34.94%2023.243%2033.014%2022%2030.314%2022zm-4.25%2010c0-2.24.351-4.052%201.053-5.254C27.752%2025.66%2028.702%2025%2030.314%2025s2.562.659%203.197%201.746c.702%201.202%201.053%203.014%201.053%205.254c0%202.24-.35%204.052-1.053%205.254C32.876%2038.34%2031.926%2039%2030.314%2039s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/skip-backward-10-48-filled.svg?color=%231a73e8&size=48
