Иконка Top Speed 24 Filled
fluent:top-speed-24-filled
Иконка Top Speed 24 Filled (fluent:top-speed-24-filled) — бесплатная SVG-иконка из набора Fluent UI System Icons от Microsoft Corporation. Она нарисована на сетке 24 × 24. Fluent UI System Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent UI System Icons
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- topspeed, speedfilled, topspeedfilled
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10a9.98 9.98 0 0 1-3.714 7.777a1 1 0 0 1-1.258-1.554A8 8 0 0 0 19.936 13h-1.522c-.524 0-.914-.477-.914-1.001s.39-.999.913-.999h1.523A8 8 0 0 0 13 4.063v1.523c0 .523-.477.914-1 .914s-1-.39-1-.914V4.063a7.96 7.96 0 0 0-3.904 1.619l1.076 1.076c.37.37.31.983-.06 1.353s-.984.43-1.354.06L5.682 7.097A7.96 7.96 0 0 0 4.063 11h1.524c.523 0 .913.476.913.999c0 .524-.39 1.001-.914 1.001H4.064a7.98 7.98 0 0 0 2.576 4.938l.332.284l.076.068a1 1 0 0 1-1.252 1.547l-.082-.06l-.415-.355A9.98 9.98 0 0 1 2 12C2 6.477 6.477 2 12 2m3.951 4.65c.23-.194.57-.2.808-.016s.31.508.17.772l-.131.25a396 396 0 0 1-1.44 2.696c-.406.753-.827 1.526-1.174 2.145c-.174.309-.331.583-.46.798a5 5 0 0 1-.324.497a1.934 1.934 0 0 1-2.676.306a1.84 1.84 0 0 1-.313-2.62c.088-.108.248-.263.42-.422c.185-.172.42-.385.689-.621c.535-.474 1.207-1.052 1.863-1.612a376 376 0 0 1 2.351-1.991z"/></svg>Как использовать иконку Top Speed 24 Filled
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:top-speed-24-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:top-speed-24-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:top-speed-24-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--top-speed-24-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:top-speed-24-filled"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:top-speed-24-filled"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent/top-speed-24-filled.svg" alt="Иконка Top Speed 24 Filled" width="24" height="24">Похожие иконки в наборе Fluent UI System Icons
Вопросы и ответы: Иконка Top Speed 24 Filled
Можно ли бесплатно использовать иконку Top Speed 24 Filled в коммерческих проектах?
Да. Fluent UI System Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Top Speed 24 Filled в React?
Установите @iconify/react и выведите <Icon icon="fluent:top-speed-24-filled" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Top Speed 24 Filled на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent/top-speed-24-filled.svg" alt="Иконка Top Speed 24 Filled">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.