Skip Forward 30 icon
fluent-mdl2:skip-forward-30
The Skip Forward 30 icon (fluent-mdl2:skip-forward-30) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- skipforward
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M704 1480q44 4 82 20t68 45t45 65t17 84q0 67-26 117t-70 84t-101 51t-118 17q-53 0-106-10t-98-39v-110q90 72 207 72q40 0 77-10t66-32t46-53t18-78q0-46-15-76t-40-51t-58-30t-69-14t-73-4t-70-1v-86q47 0 98-2t95-17t71-49t28-98q0-82-46-117t-123-35q-50 0-94 17t-84 47v-100q46-28 98-39t106-12q49 0 93 13t79 41t55 67t21 93q0 92-45 147t-134 80zm662-444q62 0 106 20t76 56t51 81t30 98t14 103t4 101q0 49-5 102t-17 106t-35 99t-55 83t-79 57t-109 21q-59 0-103-20t-75-55t-52-79t-32-94t-16-101t-5-97q0-50 4-105t17-109t33-101t55-86t81-58t112-22m-9 840q43 0 74-19t51-50t33-70t18-81t8-80t2-71q0-30-1-70t-8-82t-17-84t-32-73t-51-53t-73-20q-45 0-76 20t-53 52t-34 74t-19 85t-8 85t-2 73q0 31 2 70t8 80t18 79t33 69t52 48t75 18m691-1492v512h-512V768h316q-59-117-146-211t-196-161t-232-103t-254-37q-155 0-296 47T471 437T268 645T136 915L14 877q33-111 88-209t130-182t163-150t191-112t211-71t227-25q136 0 266 34t247 99t213 157t170 209V384z"/></svg>How to use the Skip Forward 30 icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:skip-forward-30" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:skip-forward-30" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:skip-forward-30" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--skip-forward-30]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:skip-forward-30"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:skip-forward-30"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/skip-forward-30.svg" alt="Skip Forward 30 icon" width="24" height="24">Related icons in Fluent UI MDL2
Skip Forward 30 icon FAQ
Is the Skip Forward 30 icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Skip Forward 30 icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:skip-forward-30" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Skip Forward 30 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/skip-forward-30.svg" alt="Skip Forward 30 icon">, or paste the SVG code inline to style it with CSS.