skip forward 30 icon
skip-forward-30-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- skip-forward-30-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- 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 20 20"><path fill="currentColor" d="M15.733 5.628V3.75a.75.75 0 0 1 1.5 0v3.5a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h2.025c-1.195-1.39-2.903-2.25-4.775-2.25c-2.399 0-4.53 1.415-5.655 3.543a.83.83 0 0 1-.728.457c-.538 0-.911-.533-.67-1.013C4.023 4.579 6.658 2.75 9.734 2.75c2.406 0 4.542 1.119 6 2.878m-10.761 5.09v.002a.75.75 0 0 0 1.054 1.066l.01-.009l.064-.054a2.3 2.3 0 0 1 1.401-.473c.554 0 .875.15 1.04.29a.55.55 0 0 1 .216.44c-.007.242-.253.77-1.256.77a.75.75 0 0 0 0 1.5c1.003 0 1.25.528 1.256.77a.55.55 0 0 1-.215.44c-.166.14-.487.29-1.04.29a2.3 2.3 0 0 1-1.402-.473l-.064-.054l-.01-.009a.75.75 0 0 0-1.055 1.066l.001.001l.001.001l.002.002l.005.006l.014.013a2 2 0 0 0 .182.155a3.8 3.8 0 0 0 2.326.792c.82 0 1.512-.225 2.01-.647c.5-.425.76-1.015.744-1.622a2.1 2.1 0 0 0-.67-1.481a2.1 2.1 0 0 0 .67-1.48a2.05 2.05 0 0 0-.744-1.623c-.498-.422-1.19-.647-2.01-.647a3.8 3.8 0 0 0-2.326.792a3 3 0 0 0-.182.155l-.014.014l-.005.005zm11.03 2.782c0 2.071-.626 3.75-2.5 3.75c-1.876 0-2.5-1.679-2.5-3.75s.624-3.75 2.5-3.75c1.874 0 2.5 1.679 2.5 3.75m-1.5 0c0-.93-.149-1.558-.347-1.903a.67.67 0 0 0-.233-.26c-.062-.036-.183-.087-.42-.087c-.238 0-.36.05-.421.087a.67.67 0 0 0-.233.26c-.198.345-.347.972-.347 1.903c0 .93.149 1.558.347 1.903a.67.67 0 0 0 .233.26c.062.036.183.087.42.087c.238 0 .36-.05.421-.087a.67.67 0 0 0 .233-.26c.198-.345.346-.972.346-1.903"/></svg>
React
import type { SVGProps } from "react";
export function FluentSkipForward3020Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M15.733 5.628V3.75a.75.75 0 0 1 1.5 0v3.5a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h2.025c-1.195-1.39-2.903-2.25-4.775-2.25c-2.399 0-4.53 1.415-5.655 3.543a.83.83 0 0 1-.728.457c-.538 0-.911-.533-.67-1.013C4.023 4.579 6.658 2.75 9.734 2.75c2.406 0 4.542 1.119 6 2.878m-10.761 5.09v.002a.75.75 0 0 0 1.054 1.066l.01-.009l.064-.054a2.3 2.3 0 0 1 1.401-.473c.554 0 .875.15 1.04.29a.55.55 0 0 1 .216.44c-.007.242-.253.77-1.256.77a.75.75 0 0 0 0 1.5c1.003 0 1.25.528 1.256.77a.55.55 0 0 1-.215.44c-.166.14-.487.29-1.04.29a2.3 2.3 0 0 1-1.402-.473l-.064-.054l-.01-.009a.75.75 0 0 0-1.055 1.066l.001.001l.001.001l.002.002l.005.006l.014.013a2 2 0 0 0 .182.155a3.8 3.8 0 0 0 2.326.792c.82 0 1.512-.225 2.01-.647c.5-.425.76-1.015.744-1.622a2.1 2.1 0 0 0-.67-1.481a2.1 2.1 0 0 0 .67-1.48a2.05 2.05 0 0 0-.744-1.623c-.498-.422-1.19-.647-2.01-.647a3.8 3.8 0 0 0-2.326.792a3 3 0 0 0-.182.155l-.014.014l-.005.005zm11.03 2.782c0 2.071-.626 3.75-2.5 3.75c-1.876 0-2.5-1.679-2.5-3.75s.624-3.75 2.5-3.75c1.874 0 2.5 1.679 2.5 3.75m-1.5 0c0-.93-.149-1.558-.347-1.903a.67.67 0 0 0-.233-.26c-.062-.036-.183-.087-.42-.087c-.238 0-.36.05-.421.087a.67.67 0 0 0-.233.26c-.198.345-.347.972-.347 1.903c0 .93.149 1.558.347 1.903a.67.67 0 0 0 .233.26c.062.036.183.087.42.087c.238 0 .36-.05.421-.087a.67.67 0 0 0 .233-.26c.198-.345.346-.972.346-1.903"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M15.733 5.628V3.75a.75.75 0 0 1 1.5 0v3.5a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h2.025c-1.195-1.39-2.903-2.25-4.775-2.25c-2.399 0-4.53 1.415-5.655 3.543a.83.83 0 0 1-.728.457c-.538 0-.911-.533-.67-1.013C4.023 4.579 6.658 2.75 9.734 2.75c2.406 0 4.542 1.119 6 2.878m-10.761 5.09v.002a.75.75 0 0 0 1.054 1.066l.01-.009l.064-.054a2.3 2.3 0 0 1 1.401-.473c.554 0 .875.15 1.04.29a.55.55 0 0 1 .216.44c-.007.242-.253.77-1.256.77a.75.75 0 0 0 0 1.5c1.003 0 1.25.528 1.256.77a.55.55 0 0 1-.215.44c-.166.14-.487.29-1.04.29a2.3 2.3 0 0 1-1.402-.473l-.064-.054l-.01-.009a.75.75 0 0 0-1.055 1.066l.001.001l.001.001l.002.002l.005.006l.014.013a2 2 0 0 0 .182.155a3.8 3.8 0 0 0 2.326.792c.82 0 1.512-.225 2.01-.647c.5-.425.76-1.015.744-1.622a2.1 2.1 0 0 0-.67-1.481a2.1 2.1 0 0 0 .67-1.48a2.05 2.05 0 0 0-.744-1.623c-.498-.422-1.19-.647-2.01-.647a3.8 3.8 0 0 0-2.326.792a3 3 0 0 0-.182.155l-.014.014l-.005.005zm11.03 2.782c0 2.071-.626 3.75-2.5 3.75c-1.876 0-2.5-1.679-2.5-3.75s.624-3.75 2.5-3.75c1.874 0 2.5 1.679 2.5 3.75m-1.5 0c0-.93-.149-1.558-.347-1.903a.67.67 0 0 0-.233-.26c-.062-.036-.183-.087-.42-.087c-.238 0-.36.05-.421.087a.67.67 0 0 0-.233.26c-.198.345-.347.972-.347 1.903c0 .93.149 1.558.347 1.903a.67.67 0 0 0 .233.26c.062.036.183.087.42.087c.238 0 .36-.05.421-.087a.67.67 0 0 0 .233-.26c.198-.345.346-.972.346-1.903"/></svg> </template>
CSS
.icon-skip-forward-30-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.733%205.628V3.75a.75.75%200%200%201%201.5%200v3.5a.75.75%200%200%201-.75.75h-4a.75.75%200%200%201%200-1.5h2.025c-1.195-1.39-2.903-2.25-4.775-2.25c-2.399%200-4.53%201.415-5.655%203.543a.83.83%200%200%201-.728.457c-.538%200-.911-.533-.67-1.013C4.023%204.579%206.658%202.75%209.734%202.75c2.406%200%204.542%201.119%206%202.878m-10.761%205.09v.002a.75.75%200%200%200%201.054%201.066l.01-.009l.064-.054a2.3%202.3%200%200%201%201.401-.473c.554%200%20.875.15%201.04.29a.55.55%200%200%201%20.216.44c-.007.242-.253.77-1.256.77a.75.75%200%200%200%200%201.5c1.003%200%201.25.528%201.256.77a.55.55%200%200%201-.215.44c-.166.14-.487.29-1.04.29a2.3%202.3%200%200%201-1.402-.473l-.064-.054l-.01-.009a.75.75%200%200%200-1.055%201.066l.001.001l.001.001l.002.002l.005.006l.014.013a2%202%200%200%200%20.182.155a3.8%203.8%200%200%200%202.326.792c.82%200%201.512-.225%202.01-.647c.5-.425.76-1.015.744-1.622a2.1%202.1%200%200%200-.67-1.481a2.1%202.1%200%200%200%20.67-1.48a2.05%202.05%200%200%200-.744-1.623c-.498-.422-1.19-.647-2.01-.647a3.8%203.8%200%200%200-2.326.792a3%203%200%200%200-.182.155l-.014.014l-.005.005zm11.03%202.782c0%202.071-.626%203.75-2.5%203.75c-1.876%200-2.5-1.679-2.5-3.75s.624-3.75%202.5-3.75c1.874%200%202.5%201.679%202.5%203.75m-1.5%200c0-.93-.149-1.558-.347-1.903a.67.67%200%200%200-.233-.26c-.062-.036-.183-.087-.42-.087c-.238%200-.36.05-.421.087a.67.67%200%200%200-.233.26c-.198.345-.347.972-.347%201.903c0%20.93.149%201.558.347%201.903a.67.67%200%200%200%20.233.26c.062.036.183.087.42.087c.238%200%20.36-.05.421-.087a.67.67%200%200%200%20.233-.26c.198-.345.346-.972.346-1.903%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.733%205.628V3.75a.75.75%200%200%201%201.5%200v3.5a.75.75%200%200%201-.75.75h-4a.75.75%200%200%201%200-1.5h2.025c-1.195-1.39-2.903-2.25-4.775-2.25c-2.399%200-4.53%201.415-5.655%203.543a.83.83%200%200%201-.728.457c-.538%200-.911-.533-.67-1.013C4.023%204.579%206.658%202.75%209.734%202.75c2.406%200%204.542%201.119%206%202.878m-10.761%205.09v.002a.75.75%200%200%200%201.054%201.066l.01-.009l.064-.054a2.3%202.3%200%200%201%201.401-.473c.554%200%20.875.15%201.04.29a.55.55%200%200%201%20.216.44c-.007.242-.253.77-1.256.77a.75.75%200%200%200%200%201.5c1.003%200%201.25.528%201.256.77a.55.55%200%200%201-.215.44c-.166.14-.487.29-1.04.29a2.3%202.3%200%200%201-1.402-.473l-.064-.054l-.01-.009a.75.75%200%200%200-1.055%201.066l.001.001l.001.001l.002.002l.005.006l.014.013a2%202%200%200%200%20.182.155a3.8%203.8%200%200%200%202.326.792c.82%200%201.512-.225%202.01-.647c.5-.425.76-1.015.744-1.622a2.1%202.1%200%200%200-.67-1.481a2.1%202.1%200%200%200%20.67-1.48a2.05%202.05%200%200%200-.744-1.623c-.498-.422-1.19-.647-2.01-.647a3.8%203.8%200%200%200-2.326.792a3%203%200%200%200-.182.155l-.014.014l-.005.005zm11.03%202.782c0%202.071-.626%203.75-2.5%203.75c-1.876%200-2.5-1.679-2.5-3.75s.624-3.75%202.5-3.75c1.874%200%202.5%201.679%202.5%203.75m-1.5%200c0-.93-.149-1.558-.347-1.903a.67.67%200%200%200-.233-.26c-.062-.036-.183-.087-.42-.087c-.238%200-.36.05-.421.087a.67.67%200%200%200-.233.26c-.198.345-.347.972-.347%201.903c0%20.93.149%201.558.347%201.903a.67.67%200%200%200%20.233.26c.062.036.183.087.42.087c.238%200%20.36-.05.421-.087a.67.67%200%200%200%20.233-.26c.198-.345.346-.972.346-1.903%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-20-filled.svg?color=%231a73e8&size=48
