skip forward 10 icon

skip-forward-10-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.

Name: skip-forward-10-28-regular
Set: Fluent UI System Icons
Style: 28 Regular
Viewbox: 28×28
License: MIT

9 other variants in Fluent UI System Icons

skip-forward-10-20-filled skip-forward-10-20-regular skip-forward-10-24-filled skip-forward-10-24-regular skip-forward-10-28-filled skip-forward-10-32-filled skip-forward-10-32-regular skip-forward-10-48-filled skip-forward-10-48-regular

Related icons in Fluent UI System Icons

skip-back-10-20-filled skip-back-15-20-filled skip-backward-10-32-regular skip-forward-15-20-filled skip-forward-30-20-filled skip-forward-tab-20-filled

Use the skip forward 10 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M25.25 2.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75h-6.5a.75.75 0 0 1 0-1.5h4.66c-1.68-2.531-5.066-4.5-9.16-4.5c-4.217 0-7.541 1.998-9.867 5.653a.75.75 0 1 1-1.266-.806C5.69 5.307 9.467 3 14.25 3c4.433 0 8.226 2.073 10.25 4.937V3.25a.75.75 0 0 1 .75-.75M18.238 13c-1.59 0-2.708.739-3.384 1.914c-.643 1.116-.866 2.584-.866 4.086s.223 2.97.866 4.087C15.53 24.26 16.648 25 18.238 25s2.708-.739 3.384-1.913c.643-1.117.866-2.585.866-4.087s-.223-2.97-.866-4.086C20.946 13.739 19.828 13 18.238 13m-2.75 6c0-1.397.215-2.555.666-3.338c.417-.726 1.049-1.162 2.084-1.162s1.667.436 2.084 1.162c.451.783.666 1.94.666 3.338c0 1.397-.215 2.555-.666 3.338c-.417.726-1.049 1.162-2.084 1.162s-1.667-.436-2.084-1.162c-.451-.783-.666-1.94-.666-3.338m-4.798-5.857a.75.75 0 0 1 .31.624V24.25a.75.75 0 0 1-1.5 0v-8.345a9.3 9.3 0 0 1-1.864 1.488a.75.75 0 1 1-.772-1.286c1.53-.918 2.402-2.232 2.697-2.677l.065-.096a.76.76 0 0 1 .256-.237a.75.75 0 0 1 .808.046"/></svg>

React

import type { SVGProps } from "react";

export function FluentSkipForward1028Regular(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="M25.25 2.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75h-6.5a.75.75 0 0 1 0-1.5h4.66c-1.68-2.531-5.066-4.5-9.16-4.5c-4.217 0-7.541 1.998-9.867 5.653a.75.75 0 1 1-1.266-.806C5.69 5.307 9.467 3 14.25 3c4.433 0 8.226 2.073 10.25 4.937V3.25a.75.75 0 0 1 .75-.75M18.238 13c-1.59 0-2.708.739-3.384 1.914c-.643 1.116-.866 2.584-.866 4.086s.223 2.97.866 4.087C15.53 24.26 16.648 25 18.238 25s2.708-.739 3.384-1.913c.643-1.117.866-2.585.866-4.087s-.223-2.97-.866-4.086C20.946 13.739 19.828 13 18.238 13m-2.75 6c0-1.397.215-2.555.666-3.338c.417-.726 1.049-1.162 2.084-1.162s1.667.436 2.084 1.162c.451.783.666 1.94.666 3.338c0 1.397-.215 2.555-.666 3.338c-.417.726-1.049 1.162-2.084 1.162s-1.667-.436-2.084-1.162c-.451-.783-.666-1.94-.666-3.338m-4.798-5.857a.75.75 0 0 1 .31.624V24.25a.75.75 0 0 1-1.5 0v-8.345a9.3 9.3 0 0 1-1.864 1.488a.75.75 0 1 1-.772-1.286c1.53-.918 2.402-2.232 2.697-2.677l.065-.096a.76.76 0 0 1 .256-.237a.75.75 0 0 1 .808.046"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M25.25 2.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75h-6.5a.75.75 0 0 1 0-1.5h4.66c-1.68-2.531-5.066-4.5-9.16-4.5c-4.217 0-7.541 1.998-9.867 5.653a.75.75 0 1 1-1.266-.806C5.69 5.307 9.467 3 14.25 3c4.433 0 8.226 2.073 10.25 4.937V3.25a.75.75 0 0 1 .75-.75M18.238 13c-1.59 0-2.708.739-3.384 1.914c-.643 1.116-.866 2.584-.866 4.086s.223 2.97.866 4.087C15.53 24.26 16.648 25 18.238 25s2.708-.739 3.384-1.913c.643-1.117.866-2.585.866-4.087s-.223-2.97-.866-4.086C20.946 13.739 19.828 13 18.238 13m-2.75 6c0-1.397.215-2.555.666-3.338c.417-.726 1.049-1.162 2.084-1.162s1.667.436 2.084 1.162c.451.783.666 1.94.666 3.338c0 1.397-.215 2.555-.666 3.338c-.417.726-1.049 1.162-2.084 1.162s-1.667-.436-2.084-1.162c-.451-.783-.666-1.94-.666-3.338m-4.798-5.857a.75.75 0 0 1 .31.624V24.25a.75.75 0 0 1-1.5 0v-8.345a9.3 9.3 0 0 1-1.864 1.488a.75.75 0 1 1-.772-1.286c1.53-.918 2.402-2.232 2.697-2.677l.065-.096a.76.76 0 0 1 .256-.237a.75.75 0 0 1 .808.046"/></svg>
</template>

CSS

.icon-skip-forward-10-28-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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.25%202.5a.75.75%200%200%201%20.75.75v6.5a.75.75%200%200%201-.75.75h-6.5a.75.75%200%200%201%200-1.5h4.66c-1.68-2.531-5.066-4.5-9.16-4.5c-4.217%200-7.541%201.998-9.867%205.653a.75.75%200%201%201-1.266-.806C5.69%205.307%209.467%203%2014.25%203c4.433%200%208.226%202.073%2010.25%204.937V3.25a.75.75%200%200%201%20.75-.75M18.238%2013c-1.59%200-2.708.739-3.384%201.914c-.643%201.116-.866%202.584-.866%204.086s.223%202.97.866%204.087C15.53%2024.26%2016.648%2025%2018.238%2025s2.708-.739%203.384-1.913c.643-1.117.866-2.585.866-4.087s-.223-2.97-.866-4.086C20.946%2013.739%2019.828%2013%2018.238%2013m-2.75%206c0-1.397.215-2.555.666-3.338c.417-.726%201.049-1.162%202.084-1.162s1.667.436%202.084%201.162c.451.783.666%201.94.666%203.338c0%201.397-.215%202.555-.666%203.338c-.417.726-1.049%201.162-2.084%201.162s-1.667-.436-2.084-1.162c-.451-.783-.666-1.94-.666-3.338m-4.798-5.857a.75.75%200%200%201%20.31.624V24.25a.75.75%200%200%201-1.5%200v-8.345a9.3%209.3%200%200%201-1.864%201.488a.75.75%200%201%201-.772-1.286c1.53-.918%202.402-2.232%202.697-2.677l.065-.096a.76.76%200%200%201%20.256-.237a.75.75%200%200%201%20.808.046%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%22M25.25%202.5a.75.75%200%200%201%20.75.75v6.5a.75.75%200%200%201-.75.75h-6.5a.75.75%200%200%201%200-1.5h4.66c-1.68-2.531-5.066-4.5-9.16-4.5c-4.217%200-7.541%201.998-9.867%205.653a.75.75%200%201%201-1.266-.806C5.69%205.307%209.467%203%2014.25%203c4.433%200%208.226%202.073%2010.25%204.937V3.25a.75.75%200%200%201%20.75-.75M18.238%2013c-1.59%200-2.708.739-3.384%201.914c-.643%201.116-.866%202.584-.866%204.086s.223%202.97.866%204.087C15.53%2024.26%2016.648%2025%2018.238%2025s2.708-.739%203.384-1.913c.643-1.117.866-2.585.866-4.087s-.223-2.97-.866-4.086C20.946%2013.739%2019.828%2013%2018.238%2013m-2.75%206c0-1.397.215-2.555.666-3.338c.417-.726%201.049-1.162%202.084-1.162s1.667.436%202.084%201.162c.451.783.666%201.94.666%203.338c0%201.397-.215%202.555-.666%203.338c-.417.726-1.049%201.162-2.084%201.162s-1.667-.436-2.084-1.162c-.451-.783-.666-1.94-.666-3.338m-4.798-5.857a.75.75%200%200%201%20.31.624V24.25a.75.75%200%200%201-1.5%200v-8.345a9.3%209.3%200%200%201-1.864%201.488a.75.75%200%201%201-.772-1.286c1.53-.918%202.402-2.232%202.697-2.677l.065-.096a.76.76%200%200%201%20.256-.237a.75.75%200%200%201%20.808.046%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-28-regular.svg?color=%231a73e8&size=48