skip backward 10 icon
skip-backward-10-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- skip-backward-10-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- 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="M17.195 8.18a20.03 20.03 0 0 1 14.11.427c4.488 1.847 8.162 5.338 10.325 9.702a1.25 1.25 0 1 0 2.24-1.11c-2.424-4.892-6.547-8.819-11.613-10.904A22.53 22.53 0 0 0 6.5 12.558V5.85a1.25 1.25 0 1 0-2.5 0v11.355c0 .69.56 1.25 1.25 1.25h11.355a1.25 1.25 0 0 0 0-2.5H7.06A20.03 20.03 0 0 1 17.195 8.18zm.772 14.05a1.245 1.245 0 0 1 .533 1.052v17.472a1.25 1.25 0 0 1-2.5 0v-13.83c-.757.769-1.748 1.587-3.107 2.402a1.25 1.25 0 0 1-1.286-2.144c2.495-1.497 3.438-2.898 4.26-4.12c.116-.171.229-.339.343-.503a1.253 1.253 0 0 1 1.743-.339l.014.01zm12.347-.226c-2.627 0-4.47 1.24-5.58 3.196c-1.054 1.86-1.42 4.302-1.42 6.804c0 2.502.366 4.944 1.42 6.804c1.11 1.956 2.953 3.196 5.58 3.196c2.627 0 4.47-1.24 5.58-3.196c1.055-1.86 1.42-4.302 1.42-6.804c0-2.502-.365-4.945-1.42-6.804c-1.11-1.956-2.953-3.196-5.58-3.196zm-4.5 10c0-2.33.353-4.263 1.095-5.57c.687-1.212 1.72-1.93 3.405-1.93c1.685 0 2.718.718 3.405 1.93c.742 1.307 1.095 3.24 1.095 5.57s-.353 4.263-1.095 5.57c-.687 1.211-1.72 1.93-3.405 1.93c-1.685 0-2.718-.719-3.405-1.93c-.742-1.307-1.095-3.24-1.095-5.57z" fill="currentColor"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentSkipBackward1048Regular(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="M17.195 8.18a20.03 20.03 0 0 1 14.11.427c4.488 1.847 8.162 5.338 10.325 9.702a1.25 1.25 0 1 0 2.24-1.11c-2.424-4.892-6.547-8.819-11.613-10.904A22.53 22.53 0 0 0 6.5 12.558V5.85a1.25 1.25 0 1 0-2.5 0v11.355c0 .69.56 1.25 1.25 1.25h11.355a1.25 1.25 0 0 0 0-2.5H7.06A20.03 20.03 0 0 1 17.195 8.18zm.772 14.05a1.245 1.245 0 0 1 .533 1.052v17.472a1.25 1.25 0 0 1-2.5 0v-13.83c-.757.769-1.748 1.587-3.107 2.402a1.25 1.25 0 0 1-1.286-2.144c2.495-1.497 3.438-2.898 4.26-4.12c.116-.171.229-.339.343-.503a1.253 1.253 0 0 1 1.743-.339l.014.01zm12.347-.226c-2.627 0-4.47 1.24-5.58 3.196c-1.054 1.86-1.42 4.302-1.42 6.804c0 2.502.366 4.944 1.42 6.804c1.11 1.956 2.953 3.196 5.58 3.196c2.627 0 4.47-1.24 5.58-3.196c1.055-1.86 1.42-4.302 1.42-6.804c0-2.502-.365-4.945-1.42-6.804c-1.11-1.956-2.953-3.196-5.58-3.196zm-4.5 10c0-2.33.353-4.263 1.095-5.57c.687-1.212 1.72-1.93 3.405-1.93c1.685 0 2.718.718 3.405 1.93c.742 1.307 1.095 3.24 1.095 5.57s-.353 4.263-1.095 5.57c-.687 1.211-1.72 1.93-3.405 1.93c-1.685 0-2.718-.719-3.405-1.93c-.742-1.307-1.095-3.24-1.095-5.57z" 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="M17.195 8.18a20.03 20.03 0 0 1 14.11.427c4.488 1.847 8.162 5.338 10.325 9.702a1.25 1.25 0 1 0 2.24-1.11c-2.424-4.892-6.547-8.819-11.613-10.904A22.53 22.53 0 0 0 6.5 12.558V5.85a1.25 1.25 0 1 0-2.5 0v11.355c0 .69.56 1.25 1.25 1.25h11.355a1.25 1.25 0 0 0 0-2.5H7.06A20.03 20.03 0 0 1 17.195 8.18zm.772 14.05a1.245 1.245 0 0 1 .533 1.052v17.472a1.25 1.25 0 0 1-2.5 0v-13.83c-.757.769-1.748 1.587-3.107 2.402a1.25 1.25 0 0 1-1.286-2.144c2.495-1.497 3.438-2.898 4.26-4.12c.116-.171.229-.339.343-.503a1.253 1.253 0 0 1 1.743-.339l.014.01zm12.347-.226c-2.627 0-4.47 1.24-5.58 3.196c-1.054 1.86-1.42 4.302-1.42 6.804c0 2.502.366 4.944 1.42 6.804c1.11 1.956 2.953 3.196 5.58 3.196c2.627 0 4.47-1.24 5.58-3.196c1.055-1.86 1.42-4.302 1.42-6.804c0-2.502-.365-4.945-1.42-6.804c-1.11-1.956-2.953-3.196-5.58-3.196zm-4.5 10c0-2.33.353-4.263 1.095-5.57c.687-1.212 1.72-1.93 3.405-1.93c1.685 0 2.718.718 3.405 1.93c.742 1.307 1.095 3.24 1.095 5.57s-.353 4.263-1.095 5.57c-.687 1.211-1.72 1.93-3.405 1.93c-1.685 0-2.718-.719-3.405-1.93c-.742-1.307-1.095-3.24-1.095-5.57z" fill="currentColor"/></g></svg> </template>
CSS
.icon-skip-backward-10-48-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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M17.195%208.18a20.03%2020.03%200%200%201%2014.11.427c4.488%201.847%208.162%205.338%2010.325%209.702a1.25%201.25%200%201%200%202.24-1.11c-2.424-4.892-6.547-8.819-11.613-10.904A22.53%2022.53%200%200%200%206.5%2012.558V5.85a1.25%201.25%200%201%200-2.5%200v11.355c0%20.69.56%201.25%201.25%201.25h11.355a1.25%201.25%200%200%200%200-2.5H7.06A20.03%2020.03%200%200%201%2017.195%208.18zm.772%2014.05a1.245%201.245%200%200%201%20.533%201.052v17.472a1.25%201.25%200%200%201-2.5%200v-13.83c-.757.769-1.748%201.587-3.107%202.402a1.25%201.25%200%200%201-1.286-2.144c2.495-1.497%203.438-2.898%204.26-4.12c.116-.171.229-.339.343-.503a1.253%201.253%200%200%201%201.743-.339l.014.01zm12.347-.226c-2.627%200-4.47%201.24-5.58%203.196c-1.054%201.86-1.42%204.302-1.42%206.804c0%202.502.366%204.944%201.42%206.804c1.11%201.956%202.953%203.196%205.58%203.196c2.627%200%204.47-1.24%205.58-3.196c1.055-1.86%201.42-4.302%201.42-6.804c0-2.502-.365-4.945-1.42-6.804c-1.11-1.956-2.953-3.196-5.58-3.196zm-4.5%2010c0-2.33.353-4.263%201.095-5.57c.687-1.212%201.72-1.93%203.405-1.93c1.685%200%202.718.718%203.405%201.93c.742%201.307%201.095%203.24%201.095%205.57s-.353%204.263-1.095%205.57c-.687%201.211-1.72%201.93-3.405%201.93c-1.685%200-2.718-.719-3.405-1.93c-.742-1.307-1.095-3.24-1.095-5.57z%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%22M17.195%208.18a20.03%2020.03%200%200%201%2014.11.427c4.488%201.847%208.162%205.338%2010.325%209.702a1.25%201.25%200%201%200%202.24-1.11c-2.424-4.892-6.547-8.819-11.613-10.904A22.53%2022.53%200%200%200%206.5%2012.558V5.85a1.25%201.25%200%201%200-2.5%200v11.355c0%20.69.56%201.25%201.25%201.25h11.355a1.25%201.25%200%200%200%200-2.5H7.06A20.03%2020.03%200%200%201%2017.195%208.18zm.772%2014.05a1.245%201.245%200%200%201%20.533%201.052v17.472a1.25%201.25%200%200%201-2.5%200v-13.83c-.757.769-1.748%201.587-3.107%202.402a1.25%201.25%200%200%201-1.286-2.144c2.495-1.497%203.438-2.898%204.26-4.12c.116-.171.229-.339.343-.503a1.253%201.253%200%200%201%201.743-.339l.014.01zm12.347-.226c-2.627%200-4.47%201.24-5.58%203.196c-1.054%201.86-1.42%204.302-1.42%206.804c0%202.502.366%204.944%201.42%206.804c1.11%201.956%202.953%203.196%205.58%203.196c2.627%200%204.47-1.24%205.58-3.196c1.055-1.86%201.42-4.302%201.42-6.804c0-2.502-.365-4.945-1.42-6.804c-1.11-1.956-2.953-3.196-5.58-3.196zm-4.5%2010c0-2.33.353-4.263%201.095-5.57c.687-1.212%201.72-1.93%203.405-1.93c1.685%200%202.718.718%203.405%201.93c.742%201.307%201.095%203.24%201.095%205.57s-.353%204.263-1.095%205.57c-.687%201.211-1.72%201.93-3.405%201.93c-1.685%200-2.718-.719-3.405-1.93c-.742-1.307-1.095-3.24-1.095-5.57z%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-regular.svg?color=%231a73e8&size=48
