skip-forward-15-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.

Name
skip-forward-15-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 15 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M9.143 13.483A1 1 0 0 1 11 14v10a1 1 0 0 1-2 0v-7.265a9 9 0 0 1-1.486 1.122a1 1 0 1 1-1.028-1.714c.811-.487 1.48-1.15 1.954-1.71a9 9 0 0 0 .667-.892q.022-.032.03-.047l.006-.009zM25 3a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1 0-2h4.3c-1.684-2.299-5.102-4-9.05-4c-4.1 0-7.108 1.925-9.406 5.537a1 1 0 0 1-1.688-1.074C5.755 5.379 9.35 3 14.25 3c3.865 0 7.473 1.442 9.75 3.747V4a1 1 0 0 1 1-1m-3.897 10.006a1 1 0 0 1 0 1.99l-.103.005h-3.62l-.247 1.97c.547-.005 1.23.004 1.709.071l.216.036a4.25 4.25 0 0 1-1.182 8.406l-.217-.024a4.27 4.27 0 0 1-3.002-1.92a1 1 0 0 1 1.686-1.078c.34.532.913.922 1.594 1.018l.23.02a2.251 2.251 0 0 0 .623-4.434l-.227-.043c-.34-.048-.946-.058-1.521-.051a33 33 0 0 0-.922.024l-.058.003l-.013.001h-.005a1.002 1.002 0 0 1-1.04-1.123l.5-4l.016-.093a1 1 0 0 1 .977-.783H21z"/></svg>

React

import type { SVGProps } from "react";

export function FluentSkipForward1528Filled(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="M9.143 13.483A1 1 0 0 1 11 14v10a1 1 0 0 1-2 0v-7.265a9 9 0 0 1-1.486 1.122a1 1 0 1 1-1.028-1.714c.811-.487 1.48-1.15 1.954-1.71a9 9 0 0 0 .667-.892q.022-.032.03-.047l.006-.009zM25 3a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1 0-2h4.3c-1.684-2.299-5.102-4-9.05-4c-4.1 0-7.108 1.925-9.406 5.537a1 1 0 0 1-1.688-1.074C5.755 5.379 9.35 3 14.25 3c3.865 0 7.473 1.442 9.75 3.747V4a1 1 0 0 1 1-1m-3.897 10.006a1 1 0 0 1 0 1.99l-.103.005h-3.62l-.247 1.97c.547-.005 1.23.004 1.709.071l.216.036a4.25 4.25 0 0 1-1.182 8.406l-.217-.024a4.27 4.27 0 0 1-3.002-1.92a1 1 0 0 1 1.686-1.078c.34.532.913.922 1.594 1.018l.23.02a2.251 2.251 0 0 0 .623-4.434l-.227-.043c-.34-.048-.946-.058-1.521-.051a33 33 0 0 0-.922.024l-.058.003l-.013.001h-.005a1.002 1.002 0 0 1-1.04-1.123l.5-4l.016-.093a1 1 0 0 1 .977-.783H21z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M9.143 13.483A1 1 0 0 1 11 14v10a1 1 0 0 1-2 0v-7.265a9 9 0 0 1-1.486 1.122a1 1 0 1 1-1.028-1.714c.811-.487 1.48-1.15 1.954-1.71a9 9 0 0 0 .667-.892q.022-.032.03-.047l.006-.009zM25 3a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1 0-2h4.3c-1.684-2.299-5.102-4-9.05-4c-4.1 0-7.108 1.925-9.406 5.537a1 1 0 0 1-1.688-1.074C5.755 5.379 9.35 3 14.25 3c3.865 0 7.473 1.442 9.75 3.747V4a1 1 0 0 1 1-1m-3.897 10.006a1 1 0 0 1 0 1.99l-.103.005h-3.62l-.247 1.97c.547-.005 1.23.004 1.709.071l.216.036a4.25 4.25 0 0 1-1.182 8.406l-.217-.024a4.27 4.27 0 0 1-3.002-1.92a1 1 0 0 1 1.686-1.078c.34.532.913.922 1.594 1.018l.23.02a2.251 2.251 0 0 0 .623-4.434l-.227-.043c-.34-.048-.946-.058-1.521-.051a33 33 0 0 0-.922.024l-.058.003l-.013.001h-.005a1.002 1.002 0 0 1-1.04-1.123l.5-4l.016-.093a1 1 0 0 1 .977-.783H21z"/></svg>
</template>

CSS

.icon-skip-forward-15-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%22M9.143%2013.483A1%201%200%200%201%2011%2014v10a1%201%200%200%201-2%200v-7.265a9%209%200%200%201-1.486%201.122a1%201%200%201%201-1.028-1.714c.811-.487%201.48-1.15%201.954-1.71a9%209%200%200%200%20.667-.892q.022-.032.03-.047l.006-.009zM25%203a1%201%200%200%201%201%201v6a1%201%200%200%201-1%201h-6a1%201%200%200%201%200-2h4.3c-1.684-2.299-5.102-4-9.05-4c-4.1%200-7.108%201.925-9.406%205.537a1%201%200%200%201-1.688-1.074C5.755%205.379%209.35%203%2014.25%203c3.865%200%207.473%201.442%209.75%203.747V4a1%201%200%200%201%201-1m-3.897%2010.006a1%201%200%200%201%200%201.99l-.103.005h-3.62l-.247%201.97c.547-.005%201.23.004%201.709.071l.216.036a4.25%204.25%200%200%201-1.182%208.406l-.217-.024a4.27%204.27%200%200%201-3.002-1.92a1%201%200%200%201%201.686-1.078c.34.532.913.922%201.594%201.018l.23.02a2.251%202.251%200%200%200%20.623-4.434l-.227-.043c-.34-.048-.946-.058-1.521-.051a33%2033%200%200%200-.922.024l-.058.003l-.013.001h-.005a1.002%201.002%200%200%201-1.04-1.123l.5-4l.016-.093a1%201%200%200%201%20.977-.783H21z%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%22M9.143%2013.483A1%201%200%200%201%2011%2014v10a1%201%200%200%201-2%200v-7.265a9%209%200%200%201-1.486%201.122a1%201%200%201%201-1.028-1.714c.811-.487%201.48-1.15%201.954-1.71a9%209%200%200%200%20.667-.892q.022-.032.03-.047l.006-.009zM25%203a1%201%200%200%201%201%201v6a1%201%200%200%201-1%201h-6a1%201%200%200%201%200-2h4.3c-1.684-2.299-5.102-4-9.05-4c-4.1%200-7.108%201.925-9.406%205.537a1%201%200%200%201-1.688-1.074C5.755%205.379%209.35%203%2014.25%203c3.865%200%207.473%201.442%209.75%203.747V4a1%201%200%200%201%201-1m-3.897%2010.006a1%201%200%200%201%200%201.99l-.103.005h-3.62l-.247%201.97c.547-.005%201.23.004%201.709.071l.216.036a4.25%204.25%200%200%201-1.182%208.406l-.217-.024a4.27%204.27%200%200%201-3.002-1.92a1%201%200%200%201%201.686-1.078c.34.532.913.922%201.594%201.018l.23.02a2.251%202.251%200%200%200%20.623-4.434l-.227-.043c-.34-.048-.946-.058-1.521-.051a33%2033%200%200%200-.922.024l-.058.003l-.013.001h-.005a1.002%201.002%200%200%201-1.04-1.123l.5-4l.016-.093a1%201%200%200%201%20.977-.783H21z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/skip-forward-15-28-filled.svg?color=%231a73e8&size=48