skip forward 10 icon
skip-forward-10-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- skip-forward-10-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- License
- MIT
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the skip forward 10 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M42.5 4A1.5 1.5 0 0 1 44 5.5v12a1.5 1.5 0 0 1-1.5 1.5h-11a1.5 1.5 0 1 1 0-3h8.396c-3.645-5.232-9.364-8.097-15.874-8c-7.432.11-14.19 3.883-17.428 10.416a1.5 1.5 0 0 1-2.688-1.332C7.71 9.411 15.578 5.126 23.978 5c6.73-.1 12.796 2.582 17.022 7.527V5.5A1.5 1.5 0 0 1 42.5 4M30.315 22c-2.7 0-4.626 1.244-5.788 3.233c-1.094 1.874-1.462 4.313-1.462 6.767s.368 4.893 1.462 6.767C25.69 40.757 27.614 42 30.315 42s4.625-1.244 5.787-3.233c1.095-1.874 1.463-4.313 1.463-6.767s-.368-4.893-1.463-6.767C34.94 23.244 33.015 22 30.315 22m-4.25 10c0-2.24.35-4.052 1.053-5.254C27.753 25.66 28.702 25 30.315 25s2.561.659 3.196 1.746c.703 1.202 1.054 3.014 1.054 5.254s-.351 4.052-1.053 5.254C32.875 38.34 31.926 39 30.315 39s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254M19 23.5a1.5 1.5 0 0 0-2.794-.759v.002l-.01.016l-.05.08a15 15 0 0 1-1.101 1.497c-.783.94-1.897 2.056-3.266 2.878a1.5 1.5 0 0 0 1.543 2.572A15 15 0 0 0 16 27.71V40.5a1.5 1.5 0 1 0 3 0z"/></svg>
React
import type { SVGProps } from "react";
export function FluentSkipForward1048Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M42.5 4A1.5 1.5 0 0 1 44 5.5v12a1.5 1.5 0 0 1-1.5 1.5h-11a1.5 1.5 0 1 1 0-3h8.396c-3.645-5.232-9.364-8.097-15.874-8c-7.432.11-14.19 3.883-17.428 10.416a1.5 1.5 0 0 1-2.688-1.332C7.71 9.411 15.578 5.126 23.978 5c6.73-.1 12.796 2.582 17.022 7.527V5.5A1.5 1.5 0 0 1 42.5 4M30.315 22c-2.7 0-4.626 1.244-5.788 3.233c-1.094 1.874-1.462 4.313-1.462 6.767s.368 4.893 1.462 6.767C25.69 40.757 27.614 42 30.315 42s4.625-1.244 5.787-3.233c1.095-1.874 1.463-4.313 1.463-6.767s-.368-4.893-1.463-6.767C34.94 23.244 33.015 22 30.315 22m-4.25 10c0-2.24.35-4.052 1.053-5.254C27.753 25.66 28.702 25 30.315 25s2.561.659 3.196 1.746c.703 1.202 1.054 3.014 1.054 5.254s-.351 4.052-1.053 5.254C32.875 38.34 31.926 39 30.315 39s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254M19 23.5a1.5 1.5 0 0 0-2.794-.759v.002l-.01.016l-.05.08a15 15 0 0 1-1.101 1.497c-.783.94-1.897 2.056-3.266 2.878a1.5 1.5 0 0 0 1.543 2.572A15 15 0 0 0 16 27.71V40.5a1.5 1.5 0 1 0 3 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M42.5 4A1.5 1.5 0 0 1 44 5.5v12a1.5 1.5 0 0 1-1.5 1.5h-11a1.5 1.5 0 1 1 0-3h8.396c-3.645-5.232-9.364-8.097-15.874-8c-7.432.11-14.19 3.883-17.428 10.416a1.5 1.5 0 0 1-2.688-1.332C7.71 9.411 15.578 5.126 23.978 5c6.73-.1 12.796 2.582 17.022 7.527V5.5A1.5 1.5 0 0 1 42.5 4M30.315 22c-2.7 0-4.626 1.244-5.788 3.233c-1.094 1.874-1.462 4.313-1.462 6.767s.368 4.893 1.462 6.767C25.69 40.757 27.614 42 30.315 42s4.625-1.244 5.787-3.233c1.095-1.874 1.463-4.313 1.463-6.767s-.368-4.893-1.463-6.767C34.94 23.244 33.015 22 30.315 22m-4.25 10c0-2.24.35-4.052 1.053-5.254C27.753 25.66 28.702 25 30.315 25s2.561.659 3.196 1.746c.703 1.202 1.054 3.014 1.054 5.254s-.351 4.052-1.053 5.254C32.875 38.34 31.926 39 30.315 39s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254M19 23.5a1.5 1.5 0 0 0-2.794-.759v.002l-.01.016l-.05.08a15 15 0 0 1-1.101 1.497c-.783.94-1.897 2.056-3.266 2.878a1.5 1.5 0 0 0 1.543 2.572A15 15 0 0 0 16 27.71V40.5a1.5 1.5 0 1 0 3 0z"/></svg> </template>
CSS
.icon-skip-forward-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M42.5%204A1.5%201.5%200%200%201%2044%205.5v12a1.5%201.5%200%200%201-1.5%201.5h-11a1.5%201.5%200%201%201%200-3h8.396c-3.645-5.232-9.364-8.097-15.874-8c-7.432.11-14.19%203.883-17.428%2010.416a1.5%201.5%200%200%201-2.688-1.332C7.71%209.411%2015.578%205.126%2023.978%205c6.73-.1%2012.796%202.582%2017.022%207.527V5.5A1.5%201.5%200%200%201%2042.5%204M30.315%2022c-2.7%200-4.626%201.244-5.788%203.233c-1.094%201.874-1.462%204.313-1.462%206.767s.368%204.893%201.462%206.767C25.69%2040.757%2027.614%2042%2030.315%2042s4.625-1.244%205.787-3.233c1.095-1.874%201.463-4.313%201.463-6.767s-.368-4.893-1.463-6.767C34.94%2023.244%2033.015%2022%2030.315%2022m-4.25%2010c0-2.24.35-4.052%201.053-5.254C27.753%2025.66%2028.702%2025%2030.315%2025s2.561.659%203.196%201.746c.703%201.202%201.054%203.014%201.054%205.254s-.351%204.052-1.053%205.254C32.875%2038.34%2031.926%2039%2030.315%2039s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254M19%2023.5a1.5%201.5%200%200%200-2.794-.759v.002l-.01.016l-.05.08a15%2015%200%200%201-1.101%201.497c-.783.94-1.897%202.056-3.266%202.878a1.5%201.5%200%200%200%201.543%202.572A15%2015%200%200%200%2016%2027.71V40.5a1.5%201.5%200%201%200%203%200z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M42.5%204A1.5%201.5%200%200%201%2044%205.5v12a1.5%201.5%200%200%201-1.5%201.5h-11a1.5%201.5%200%201%201%200-3h8.396c-3.645-5.232-9.364-8.097-15.874-8c-7.432.11-14.19%203.883-17.428%2010.416a1.5%201.5%200%200%201-2.688-1.332C7.71%209.411%2015.578%205.126%2023.978%205c6.73-.1%2012.796%202.582%2017.022%207.527V5.5A1.5%201.5%200%200%201%2042.5%204M30.315%2022c-2.7%200-4.626%201.244-5.788%203.233c-1.094%201.874-1.462%204.313-1.462%206.767s.368%204.893%201.462%206.767C25.69%2040.757%2027.614%2042%2030.315%2042s4.625-1.244%205.787-3.233c1.095-1.874%201.463-4.313%201.463-6.767s-.368-4.893-1.463-6.767C34.94%2023.244%2033.015%2022%2030.315%2022m-4.25%2010c0-2.24.35-4.052%201.053-5.254C27.753%2025.66%2028.702%2025%2030.315%2025s2.561.659%203.196%201.746c.703%201.202%201.054%203.014%201.054%205.254s-.351%204.052-1.053%205.254C32.875%2038.34%2031.926%2039%2030.315%2039s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254M19%2023.5a1.5%201.5%200%200%200-2.794-.759v.002l-.01.016l-.05.08a15%2015%200%200%201-1.101%201.497c-.783.94-1.897%202.056-3.266%202.878a1.5%201.5%200%200%200%201.543%202.572A15%2015%200%200%200%2016%2027.71V40.5a1.5%201.5%200%201%200%203%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/skip-forward-10-48-filled.svg?color=%231a73e8&size=48
