skip forward 30 icon

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

Name: skip-forward-30-48-filled
Set: Fluent UI System Icons
Style: 48 Filled
Viewbox: 48×48
License: MIT

9 other variants in Fluent UI System Icons

skip-forward-30-20-filled skip-forward-30-20-regular skip-forward-30-24-filled skip-forward-30-24-regular skip-forward-30-28-filled skip-forward-30-28-regular skip-forward-30-32-filled skip-forward-30-32-regular skip-forward-30-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-10-20-filled skip-forward-15-20-filled skip-forward-tab-20-filled

Use the skip forward 30 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M44 5.5a1.5 1.5 0 0 0-3 0v7.027C36.776 7.582 30.709 4.9 23.979 5c-8.4.126-16.269 4.411-20.072 12.084a1.5 1.5 0 0 0 2.688 1.332C9.832 11.883 16.59 8.111 24.023 8c6.51-.097 12.229 2.768 15.874 8H31.5a1.5 1.5 0 0 0 0 3h11a1.5 1.5 0 0 0 1.5-1.5zM10.487 26.73a1.5 1.5 0 0 0 2.11-.081l.002-.001l.034-.034q.055-.056.19-.17c.181-.15.464-.363.841-.578A6.7 6.7 0 0 1 17 25c1.685 0 2.75.457 3.361.973c.603.51.847 1.14.831 1.739C21.164 28.816 20.097 30.5 17 30.5a1.5 1.5 0 1 0 0 3c1.72 0 2.806.46 3.427.979c.61.51.852 1.138.835 1.728C21.23 37.301 20.146 39 17 39a6.7 6.7 0 0 1-3.337-.865a6 6 0 0 1-.84-.579a4 4 0 0 1-.225-.204h-.001a1.5 1.5 0 0 0-2.201 2.038c-.557-.607 0 0 0 0l.002.002l.002.002l.004.005l.012.013a3 3 0 0 0 .134.134c.084.081.2.188.349.312c.296.248.724.567 1.278.883A9.7 9.7 0 0 0 17 42c4.292 0 7.17-2.551 7.26-5.707c.044-1.535-.614-3.032-1.908-4.115a6 6 0 0 0-.317-.247c1.335-1.043 2.115-2.515 2.156-4.143c.04-1.527-.61-3.021-1.892-4.105C21.026 22.606 19.22 22 17 22a9.7 9.7 0 0 0-4.823 1.26a9 9 0 0 0-1.278.882a7 7 0 0 0-.45.413l-.018.017l-.015.017l-.012.012l-.004.005l-.003.003l-.001.001l-.002.002a1.5 1.5 0 0 0 .092 2.118M34.315 22c-2.7 0-4.626 1.244-5.787 3.233c-1.095 1.874-1.463 4.313-1.463 6.767s.368 4.893 1.462 6.767C29.69 40.757 31.616 42 34.316 42s4.626-1.244 5.787-3.233c1.095-1.874 1.463-4.313 1.463-6.767s-.368-4.893-1.463-6.767C38.941 23.244 37.015 22 34.315 22m-4.25 10c0-2.24.35-4.052 1.053-5.254C31.753 25.66 32.703 25 34.315 25s2.562.659 3.197 1.746c.702 1.202 1.053 3.014 1.053 5.254s-.35 4.052-1.053 5.254C36.877 38.34 35.927 39 34.315 39s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254"/></svg>

React

import type { SVGProps } from "react";

export function FluentSkipForward3048Filled(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="M44 5.5a1.5 1.5 0 0 0-3 0v7.027C36.776 7.582 30.709 4.9 23.979 5c-8.4.126-16.269 4.411-20.072 12.084a1.5 1.5 0 0 0 2.688 1.332C9.832 11.883 16.59 8.111 24.023 8c6.51-.097 12.229 2.768 15.874 8H31.5a1.5 1.5 0 0 0 0 3h11a1.5 1.5 0 0 0 1.5-1.5zM10.487 26.73a1.5 1.5 0 0 0 2.11-.081l.002-.001l.034-.034q.055-.056.19-.17c.181-.15.464-.363.841-.578A6.7 6.7 0 0 1 17 25c1.685 0 2.75.457 3.361.973c.603.51.847 1.14.831 1.739C21.164 28.816 20.097 30.5 17 30.5a1.5 1.5 0 1 0 0 3c1.72 0 2.806.46 3.427.979c.61.51.852 1.138.835 1.728C21.23 37.301 20.146 39 17 39a6.7 6.7 0 0 1-3.337-.865a6 6 0 0 1-.84-.579a4 4 0 0 1-.225-.204h-.001a1.5 1.5 0 0 0-2.201 2.038c-.557-.607 0 0 0 0l.002.002l.002.002l.004.005l.012.013a3 3 0 0 0 .134.134c.084.081.2.188.349.312c.296.248.724.567 1.278.883A9.7 9.7 0 0 0 17 42c4.292 0 7.17-2.551 7.26-5.707c.044-1.535-.614-3.032-1.908-4.115a6 6 0 0 0-.317-.247c1.335-1.043 2.115-2.515 2.156-4.143c.04-1.527-.61-3.021-1.892-4.105C21.026 22.606 19.22 22 17 22a9.7 9.7 0 0 0-4.823 1.26a9 9 0 0 0-1.278.882a7 7 0 0 0-.45.413l-.018.017l-.015.017l-.012.012l-.004.005l-.003.003l-.001.001l-.002.002a1.5 1.5 0 0 0 .092 2.118M34.315 22c-2.7 0-4.626 1.244-5.787 3.233c-1.095 1.874-1.463 4.313-1.463 6.767s.368 4.893 1.462 6.767C29.69 40.757 31.616 42 34.316 42s4.626-1.244 5.787-3.233c1.095-1.874 1.463-4.313 1.463-6.767s-.368-4.893-1.463-6.767C38.941 23.244 37.015 22 34.315 22m-4.25 10c0-2.24.35-4.052 1.053-5.254C31.753 25.66 32.703 25 34.315 25s2.562.659 3.197 1.746c.702 1.202 1.053 3.014 1.053 5.254s-.35 4.052-1.053 5.254C36.877 38.34 35.927 39 34.315 39s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M44 5.5a1.5 1.5 0 0 0-3 0v7.027C36.776 7.582 30.709 4.9 23.979 5c-8.4.126-16.269 4.411-20.072 12.084a1.5 1.5 0 0 0 2.688 1.332C9.832 11.883 16.59 8.111 24.023 8c6.51-.097 12.229 2.768 15.874 8H31.5a1.5 1.5 0 0 0 0 3h11a1.5 1.5 0 0 0 1.5-1.5zM10.487 26.73a1.5 1.5 0 0 0 2.11-.081l.002-.001l.034-.034q.055-.056.19-.17c.181-.15.464-.363.841-.578A6.7 6.7 0 0 1 17 25c1.685 0 2.75.457 3.361.973c.603.51.847 1.14.831 1.739C21.164 28.816 20.097 30.5 17 30.5a1.5 1.5 0 1 0 0 3c1.72 0 2.806.46 3.427.979c.61.51.852 1.138.835 1.728C21.23 37.301 20.146 39 17 39a6.7 6.7 0 0 1-3.337-.865a6 6 0 0 1-.84-.579a4 4 0 0 1-.225-.204h-.001a1.5 1.5 0 0 0-2.201 2.038c-.557-.607 0 0 0 0l.002.002l.002.002l.004.005l.012.013a3 3 0 0 0 .134.134c.084.081.2.188.349.312c.296.248.724.567 1.278.883A9.7 9.7 0 0 0 17 42c4.292 0 7.17-2.551 7.26-5.707c.044-1.535-.614-3.032-1.908-4.115a6 6 0 0 0-.317-.247c1.335-1.043 2.115-2.515 2.156-4.143c.04-1.527-.61-3.021-1.892-4.105C21.026 22.606 19.22 22 17 22a9.7 9.7 0 0 0-4.823 1.26a9 9 0 0 0-1.278.882a7 7 0 0 0-.45.413l-.018.017l-.015.017l-.012.012l-.004.005l-.003.003l-.001.001l-.002.002a1.5 1.5 0 0 0 .092 2.118M34.315 22c-2.7 0-4.626 1.244-5.787 3.233c-1.095 1.874-1.463 4.313-1.463 6.767s.368 4.893 1.462 6.767C29.69 40.757 31.616 42 34.316 42s4.626-1.244 5.787-3.233c1.095-1.874 1.463-4.313 1.463-6.767s-.368-4.893-1.463-6.767C38.941 23.244 37.015 22 34.315 22m-4.25 10c0-2.24.35-4.052 1.053-5.254C31.753 25.66 32.703 25 34.315 25s2.562.659 3.197 1.746c.702 1.202 1.053 3.014 1.053 5.254s-.35 4.052-1.053 5.254C36.877 38.34 35.927 39 34.315 39s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254"/></svg>
</template>

CSS

.icon-skip-forward-30-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%22M44%205.5a1.5%201.5%200%200%200-3%200v7.027C36.776%207.582%2030.709%204.9%2023.979%205c-8.4.126-16.269%204.411-20.072%2012.084a1.5%201.5%200%200%200%202.688%201.332C9.832%2011.883%2016.59%208.111%2024.023%208c6.51-.097%2012.229%202.768%2015.874%208H31.5a1.5%201.5%200%200%200%200%203h11a1.5%201.5%200%200%200%201.5-1.5zM10.487%2026.73a1.5%201.5%200%200%200%202.11-.081l.002-.001l.034-.034q.055-.056.19-.17c.181-.15.464-.363.841-.578A6.7%206.7%200%200%201%2017%2025c1.685%200%202.75.457%203.361.973c.603.51.847%201.14.831%201.739C21.164%2028.816%2020.097%2030.5%2017%2030.5a1.5%201.5%200%201%200%200%203c1.72%200%202.806.46%203.427.979c.61.51.852%201.138.835%201.728C21.23%2037.301%2020.146%2039%2017%2039a6.7%206.7%200%200%201-3.337-.865a6%206%200%200%201-.84-.579a4%204%200%200%201-.225-.204h-.001a1.5%201.5%200%200%200-2.201%202.038c-.557-.607%200%200%200%200l.002.002l.002.002l.004.005l.012.013a3%203%200%200%200%20.134.134c.084.081.2.188.349.312c.296.248.724.567%201.278.883A9.7%209.7%200%200%200%2017%2042c4.292%200%207.17-2.551%207.26-5.707c.044-1.535-.614-3.032-1.908-4.115a6%206%200%200%200-.317-.247c1.335-1.043%202.115-2.515%202.156-4.143c.04-1.527-.61-3.021-1.892-4.105C21.026%2022.606%2019.22%2022%2017%2022a9.7%209.7%200%200%200-4.823%201.26a9%209%200%200%200-1.278.882a7%207%200%200%200-.45.413l-.018.017l-.015.017l-.012.012l-.004.005l-.003.003l-.001.001l-.002.002a1.5%201.5%200%200%200%20.092%202.118M34.315%2022c-2.7%200-4.626%201.244-5.787%203.233c-1.095%201.874-1.463%204.313-1.463%206.767s.368%204.893%201.462%206.767C29.69%2040.757%2031.616%2042%2034.316%2042s4.626-1.244%205.787-3.233c1.095-1.874%201.463-4.313%201.463-6.767s-.368-4.893-1.463-6.767C38.941%2023.244%2037.015%2022%2034.315%2022m-4.25%2010c0-2.24.35-4.052%201.053-5.254C31.753%2025.66%2032.703%2025%2034.315%2025s2.562.659%203.197%201.746c.702%201.202%201.053%203.014%201.053%205.254s-.35%204.052-1.053%205.254C36.877%2038.34%2035.927%2039%2034.315%2039s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254%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%22M44%205.5a1.5%201.5%200%200%200-3%200v7.027C36.776%207.582%2030.709%204.9%2023.979%205c-8.4.126-16.269%204.411-20.072%2012.084a1.5%201.5%200%200%200%202.688%201.332C9.832%2011.883%2016.59%208.111%2024.023%208c6.51-.097%2012.229%202.768%2015.874%208H31.5a1.5%201.5%200%200%200%200%203h11a1.5%201.5%200%200%200%201.5-1.5zM10.487%2026.73a1.5%201.5%200%200%200%202.11-.081l.002-.001l.034-.034q.055-.056.19-.17c.181-.15.464-.363.841-.578A6.7%206.7%200%200%201%2017%2025c1.685%200%202.75.457%203.361.973c.603.51.847%201.14.831%201.739C21.164%2028.816%2020.097%2030.5%2017%2030.5a1.5%201.5%200%201%200%200%203c1.72%200%202.806.46%203.427.979c.61.51.852%201.138.835%201.728C21.23%2037.301%2020.146%2039%2017%2039a6.7%206.7%200%200%201-3.337-.865a6%206%200%200%201-.84-.579a4%204%200%200%201-.225-.204h-.001a1.5%201.5%200%200%200-2.201%202.038c-.557-.607%200%200%200%200l.002.002l.002.002l.004.005l.012.013a3%203%200%200%200%20.134.134c.084.081.2.188.349.312c.296.248.724.567%201.278.883A9.7%209.7%200%200%200%2017%2042c4.292%200%207.17-2.551%207.26-5.707c.044-1.535-.614-3.032-1.908-4.115a6%206%200%200%200-.317-.247c1.335-1.043%202.115-2.515%202.156-4.143c.04-1.527-.61-3.021-1.892-4.105C21.026%2022.606%2019.22%2022%2017%2022a9.7%209.7%200%200%200-4.823%201.26a9%209%200%200%200-1.278.882a7%207%200%200%200-.45.413l-.018.017l-.015.017l-.012.012l-.004.005l-.003.003l-.001.001l-.002.002a1.5%201.5%200%200%200%20.092%202.118M34.315%2022c-2.7%200-4.626%201.244-5.787%203.233c-1.095%201.874-1.463%204.313-1.463%206.767s.368%204.893%201.462%206.767C29.69%2040.757%2031.616%2042%2034.316%2042s4.626-1.244%205.787-3.233c1.095-1.874%201.463-4.313%201.463-6.767s-.368-4.893-1.463-6.767C38.941%2023.244%2037.015%2022%2034.315%2022m-4.25%2010c0-2.24.35-4.052%201.053-5.254C31.753%2025.66%2032.703%2025%2034.315%2025s2.562.659%203.197%201.746c.702%201.202%201.053%203.014%201.053%205.254s-.35%204.052-1.053%205.254C36.877%2038.34%2035.927%2039%2034.315%2039s-2.562-.659-3.197-1.746c-.702-1.202-1.053-3.014-1.053-5.254%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-48-filled.svg?color=%231a73e8&size=48