ICONYZ
Français
Icône Skip Forward 30 48 Filled de Fluent UI System Icons

Icône Skip Forward 30 48 Filled

fluent:skip-forward-30-48-filled

L'icône Skip Forward 30 48 Filled (fluent:skip-forward-30-48-filled) est une icône SVG gratuite de la collection Fluent UI System Icons par Microsoft Corporation. Elle est dessinée sur une grille de 48 × 48. Les Fluent UI System Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Fluent UI System Icons
Auteur
Microsoft Corporation
Licence
MIT
Taille
48 × 48
Mots-clés
skipforward, forwardfilled, skipforwardfilled
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" 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>

Comment utiliser l'icône Skip Forward 30 48 Filled

React

import { Icon } from "@iconify/react";

<Icon icon="fluent:skip-forward-30-48-filled" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent:skip-forward-30-48-filled" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent:skip-forward-30-48-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--skip-forward-30-48-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:skip-forward-30-48-filled"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent:skip-forward-30-48-filled"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent/skip-forward-30-48-filled.svg" alt="Icône Skip Forward 30 48 Filled" width="24" height="24">

Icônes similaires dans Fluent UI System Icons

FAQ : Icône Skip Forward 30 48 Filled

L'icône Skip Forward 30 48 Filled est-elle gratuite pour un usage commercial ?

Oui. Les Fluent UI System Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Skip Forward 30 48 Filled dans React ?

Installez @iconify/react et affichez <Icon icon="fluent:skip-forward-30-48-filled" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Skip Forward 30 48 Filled à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent/skip-forward-30-48-filled.svg" alt="Icône Skip Forward 30 48 Filled">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Fluent UI System Icons →