Иконка Skip Forward 30
fluent-mdl2:skip-forward-30
Иконка Skip Forward 30 (fluent-mdl2:skip-forward-30) — бесплатная SVG-иконка из набора Fluent UI MDL2 от Microsoft Corporation. Она нарисована на сетке 2048 × 2048. Fluent UI MDL2 icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent UI MDL2
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 2048 × 2048
- Теги
- skipforward
Код SVG
<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>Как использовать иконку Skip Forward 30
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>Веб-компонент
<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
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/skip-forward-30.svg" alt="Иконка Skip Forward 30" width="24" height="24">Похожие иконки в наборе Fluent UI MDL2
Вопросы и ответы: Иконка Skip Forward 30
Можно ли бесплатно использовать иконку Skip Forward 30 в коммерческих проектах?
Да. Fluent UI MDL2 icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Skip Forward 30 в React?
Установите @iconify/react и выведите <Icon icon="fluent-mdl2:skip-forward-30" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Skip Forward 30 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/skip-forward-30.svg" alt="Иконка Skip Forward 30">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.