skip forward 30 icon
skip-forward-30-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- skip-forward-30-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- License
- MIT
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the skip forward 30 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M4.844 10.537C7.142 6.925 10.15 5 14.25 5c3.948 0 7.367 1.701 9.05 4H19a1 1 0 1 0 0 2h6a1 1 0 0 0 1-1V4a1 1 0 1 0-2 0v2.747C21.723 4.442 18.115 3 14.25 3C9.35 3 5.755 5.38 3.156 9.463a1 1 0 0 0 1.688 1.074M20.238 13c-1.658 0-2.86.74-3.59 1.947c-.684 1.133-.91 2.597-.91 4.053s.226 2.92.91 4.053C17.378 24.26 18.58 25 20.238 25c1.66 0 2.86-.74 3.59-1.947c.685-1.133.91-2.597.91-4.053s-.225-2.92-.91-4.053c-.73-1.207-1.93-1.947-3.59-1.947m-2.5 6c0-1.305.212-2.341.622-3.018c.364-.602.912-.982 1.878-.982s1.515.38 1.879.982c.41.677.621 1.713.621 3.018s-.212 2.341-.621 3.018c-.364.602-.913.982-1.879.982s-1.514-.38-1.878-.982c-.41-.677-.622-1.713-.622-3.018m-5.74-1.554c-.348.287-.98.554-1.998.554a1 1 0 1 0 0 2c1.018 0 1.65.267 1.998.554c.34.279.455.605.44.896c-.026.526-.63 1.55-2.688 1.55a3.84 3.84 0 0 1-1.927-.493a3 3 0 0 1-.57-.417l-.016-.015a1 1 0 0 0-1.481 1.343v.001l.002.002l.003.003l.008.008l.02.022l.063.063q.075.077.21.191c.178.151.435.344.768.535A5.84 5.84 0 0 0 9.75 25c2.692 0 4.588-1.476 4.686-3.45c.048-.959-.367-1.883-1.168-2.541l-.01-.009l.01-.009c.8-.658 1.216-1.582 1.168-2.54C14.338 14.475 12.442 13 9.75 13a5.84 5.84 0 0 0-2.92.757c-.333.19-.59.384-.768.535a4 4 0 0 0-.273.254l-.02.022l-.008.008l-.003.003l-.001.002l-.001.001a1 1 0 1 0 1.497 1.328q.029-.028.102-.092a3 3 0 0 1 .468-.325A3.84 3.84 0 0 1 9.75 15c2.058 0 2.662 1.024 2.689 1.55c.014.291-.101.617-.441.896"/></svg>
React
import type { SVGProps } from "react";
export function FluentSkipForward3028Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M4.844 10.537C7.142 6.925 10.15 5 14.25 5c3.948 0 7.367 1.701 9.05 4H19a1 1 0 1 0 0 2h6a1 1 0 0 0 1-1V4a1 1 0 1 0-2 0v2.747C21.723 4.442 18.115 3 14.25 3C9.35 3 5.755 5.38 3.156 9.463a1 1 0 0 0 1.688 1.074M20.238 13c-1.658 0-2.86.74-3.59 1.947c-.684 1.133-.91 2.597-.91 4.053s.226 2.92.91 4.053C17.378 24.26 18.58 25 20.238 25c1.66 0 2.86-.74 3.59-1.947c.685-1.133.91-2.597.91-4.053s-.225-2.92-.91-4.053c-.73-1.207-1.93-1.947-3.59-1.947m-2.5 6c0-1.305.212-2.341.622-3.018c.364-.602.912-.982 1.878-.982s1.515.38 1.879.982c.41.677.621 1.713.621 3.018s-.212 2.341-.621 3.018c-.364.602-.913.982-1.879.982s-1.514-.38-1.878-.982c-.41-.677-.622-1.713-.622-3.018m-5.74-1.554c-.348.287-.98.554-1.998.554a1 1 0 1 0 0 2c1.018 0 1.65.267 1.998.554c.34.279.455.605.44.896c-.026.526-.63 1.55-2.688 1.55a3.84 3.84 0 0 1-1.927-.493a3 3 0 0 1-.57-.417l-.016-.015a1 1 0 0 0-1.481 1.343v.001l.002.002l.003.003l.008.008l.02.022l.063.063q.075.077.21.191c.178.151.435.344.768.535A5.84 5.84 0 0 0 9.75 25c2.692 0 4.588-1.476 4.686-3.45c.048-.959-.367-1.883-1.168-2.541l-.01-.009l.01-.009c.8-.658 1.216-1.582 1.168-2.54C14.338 14.475 12.442 13 9.75 13a5.84 5.84 0 0 0-2.92.757c-.333.19-.59.384-.768.535a4 4 0 0 0-.273.254l-.02.022l-.008.008l-.003.003l-.001.002l-.001.001a1 1 0 1 0 1.497 1.328q.029-.028.102-.092a3 3 0 0 1 .468-.325A3.84 3.84 0 0 1 9.75 15c2.058 0 2.662 1.024 2.689 1.55c.014.291-.101.617-.441.896"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M4.844 10.537C7.142 6.925 10.15 5 14.25 5c3.948 0 7.367 1.701 9.05 4H19a1 1 0 1 0 0 2h6a1 1 0 0 0 1-1V4a1 1 0 1 0-2 0v2.747C21.723 4.442 18.115 3 14.25 3C9.35 3 5.755 5.38 3.156 9.463a1 1 0 0 0 1.688 1.074M20.238 13c-1.658 0-2.86.74-3.59 1.947c-.684 1.133-.91 2.597-.91 4.053s.226 2.92.91 4.053C17.378 24.26 18.58 25 20.238 25c1.66 0 2.86-.74 3.59-1.947c.685-1.133.91-2.597.91-4.053s-.225-2.92-.91-4.053c-.73-1.207-1.93-1.947-3.59-1.947m-2.5 6c0-1.305.212-2.341.622-3.018c.364-.602.912-.982 1.878-.982s1.515.38 1.879.982c.41.677.621 1.713.621 3.018s-.212 2.341-.621 3.018c-.364.602-.913.982-1.879.982s-1.514-.38-1.878-.982c-.41-.677-.622-1.713-.622-3.018m-5.74-1.554c-.348.287-.98.554-1.998.554a1 1 0 1 0 0 2c1.018 0 1.65.267 1.998.554c.34.279.455.605.44.896c-.026.526-.63 1.55-2.688 1.55a3.84 3.84 0 0 1-1.927-.493a3 3 0 0 1-.57-.417l-.016-.015a1 1 0 0 0-1.481 1.343v.001l.002.002l.003.003l.008.008l.02.022l.063.063q.075.077.21.191c.178.151.435.344.768.535A5.84 5.84 0 0 0 9.75 25c2.692 0 4.588-1.476 4.686-3.45c.048-.959-.367-1.883-1.168-2.541l-.01-.009l.01-.009c.8-.658 1.216-1.582 1.168-2.54C14.338 14.475 12.442 13 9.75 13a5.84 5.84 0 0 0-2.92.757c-.333.19-.59.384-.768.535a4 4 0 0 0-.273.254l-.02.022l-.008.008l-.003.003l-.001.002l-.001.001a1 1 0 1 0 1.497 1.328q.029-.028.102-.092a3 3 0 0 1 .468-.325A3.84 3.84 0 0 1 9.75 15c2.058 0 2.662 1.024 2.689 1.55c.014.291-.101.617-.441.896"/></svg> </template>
CSS
.icon-skip-forward-30-28-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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.844%2010.537C7.142%206.925%2010.15%205%2014.25%205c3.948%200%207.367%201.701%209.05%204H19a1%201%200%201%200%200%202h6a1%201%200%200%200%201-1V4a1%201%200%201%200-2%200v2.747C21.723%204.442%2018.115%203%2014.25%203C9.35%203%205.755%205.38%203.156%209.463a1%201%200%200%200%201.688%201.074M20.238%2013c-1.658%200-2.86.74-3.59%201.947c-.684%201.133-.91%202.597-.91%204.053s.226%202.92.91%204.053C17.378%2024.26%2018.58%2025%2020.238%2025c1.66%200%202.86-.74%203.59-1.947c.685-1.133.91-2.597.91-4.053s-.225-2.92-.91-4.053c-.73-1.207-1.93-1.947-3.59-1.947m-2.5%206c0-1.305.212-2.341.622-3.018c.364-.602.912-.982%201.878-.982s1.515.38%201.879.982c.41.677.621%201.713.621%203.018s-.212%202.341-.621%203.018c-.364.602-.913.982-1.879.982s-1.514-.38-1.878-.982c-.41-.677-.622-1.713-.622-3.018m-5.74-1.554c-.348.287-.98.554-1.998.554a1%201%200%201%200%200%202c1.018%200%201.65.267%201.998.554c.34.279.455.605.44.896c-.026.526-.63%201.55-2.688%201.55a3.84%203.84%200%200%201-1.927-.493a3%203%200%200%201-.57-.417l-.016-.015a1%201%200%200%200-1.481%201.343v.001l.002.002l.003.003l.008.008l.02.022l.063.063q.075.077.21.191c.178.151.435.344.768.535A5.84%205.84%200%200%200%209.75%2025c2.692%200%204.588-1.476%204.686-3.45c.048-.959-.367-1.883-1.168-2.541l-.01-.009l.01-.009c.8-.658%201.216-1.582%201.168-2.54C14.338%2014.475%2012.442%2013%209.75%2013a5.84%205.84%200%200%200-2.92.757c-.333.19-.59.384-.768.535a4%204%200%200%200-.273.254l-.02.022l-.008.008l-.003.003l-.001.002l-.001.001a1%201%200%201%200%201.497%201.328q.029-.028.102-.092a3%203%200%200%201%20.468-.325A3.84%203.84%200%200%201%209.75%2015c2.058%200%202.662%201.024%202.689%201.55c.014.291-.101.617-.441.896%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.844%2010.537C7.142%206.925%2010.15%205%2014.25%205c3.948%200%207.367%201.701%209.05%204H19a1%201%200%201%200%200%202h6a1%201%200%200%200%201-1V4a1%201%200%201%200-2%200v2.747C21.723%204.442%2018.115%203%2014.25%203C9.35%203%205.755%205.38%203.156%209.463a1%201%200%200%200%201.688%201.074M20.238%2013c-1.658%200-2.86.74-3.59%201.947c-.684%201.133-.91%202.597-.91%204.053s.226%202.92.91%204.053C17.378%2024.26%2018.58%2025%2020.238%2025c1.66%200%202.86-.74%203.59-1.947c.685-1.133.91-2.597.91-4.053s-.225-2.92-.91-4.053c-.73-1.207-1.93-1.947-3.59-1.947m-2.5%206c0-1.305.212-2.341.622-3.018c.364-.602.912-.982%201.878-.982s1.515.38%201.879.982c.41.677.621%201.713.621%203.018s-.212%202.341-.621%203.018c-.364.602-.913.982-1.879.982s-1.514-.38-1.878-.982c-.41-.677-.622-1.713-.622-3.018m-5.74-1.554c-.348.287-.98.554-1.998.554a1%201%200%201%200%200%202c1.018%200%201.65.267%201.998.554c.34.279.455.605.44.896c-.026.526-.63%201.55-2.688%201.55a3.84%203.84%200%200%201-1.927-.493a3%203%200%200%201-.57-.417l-.016-.015a1%201%200%200%200-1.481%201.343v.001l.002.002l.003.003l.008.008l.02.022l.063.063q.075.077.21.191c.178.151.435.344.768.535A5.84%205.84%200%200%200%209.75%2025c2.692%200%204.588-1.476%204.686-3.45c.048-.959-.367-1.883-1.168-2.541l-.01-.009l.01-.009c.8-.658%201.216-1.582%201.168-2.54C14.338%2014.475%2012.442%2013%209.75%2013a5.84%205.84%200%200%200-2.92.757c-.333.19-.59.384-.768.535a4%204%200%200%200-.273.254l-.02.022l-.008.008l-.003.003l-.001.002l-.001.001a1%201%200%201%200%201.497%201.328q.029-.028.102-.092a3%203%200%200%201%20.468-.325A3.84%203.84%200%200%201%209.75%2015c2.058%200%202.662%201.024%202.689%201.55c.014.291-.101.617-.441.896%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/skip-forward-30-28-filled.svg?color=%231a73e8&size=48
