Иконка Sports Mode
flat-color-icons:sports-mode
Иконка Sports Mode (flat-color-icons:sports-mode) — бесплатная SVG-иконка из набора Flat Color Icons от Icons8. Она нарисована на сетке 48 × 48. Flat Color Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Flat Color Icons
- Автор
- Icons8
- Лицензия
- MIT
- Размер
- 48 × 48
- Теги
- sportsmode, sport
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="28" cy="9" r="5" fill="#FF9800"/><path fill="#00796B" d="m29 27.3l-9.2-4.1c-1-.5-1.5 1-2 2s-4.1 7.2-3.8 8.3c.3.9 1.1 1.4 1.9 1.4c.2 0 .4 0 .6-.1L28.8 31c.8-.2 1.4-1 1.4-1.8s-.5-1.6-1.2-1.9"/><path fill="#009688" d="m26.8 15.2l-2.2-1c-1.3-.6-2.9 0-3.5 1.3L9.2 41.1c-.5 1 0 2.2 1 2.7c.3.1.6.2.9.2c.8 0 1.5-.4 1.8-1.1c0 0 9.6-13.3 10.4-14.9s4.9-9.3 4.9-9.3c.5-1.3 0-2.9-1.4-3.5"/><path fill="#FF9800" d="M40.5 15.7c-.7-.8-2-1-2.8-.3l-5 4.2l-6.4-3.5c-1.1-.6-2.6-.4-3.3.9c-.8 1.3-.4 2.9.8 3.4l8.3 3.4c.3.1.6.2.9.2c.5 0 .9-.2 1.3-.5l6-5c.8-.7.9-1.9.2-2.8m-28.8 7.4l3.4-5.1l4.6.6l1.5-3.1c.4-.9 1.2-1.4 2.1-1.5h-9.2c-.7 0-1.3.3-1.7.9l-4 6c-.6.9-.4 2.2.6 2.8c.2.2.6.3 1 .3c.6 0 1.3-.3 1.7-.9"/></svg>Как использовать иконку Sports Mode
React
import { Icon } from "@iconify/react";
<Icon icon="flat-color-icons:sports-mode" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-color-icons:sports-mode" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-color-icons:sports-mode" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-color-icons--sports-mode]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-color-icons -->
<div class="i-flat-color-icons:sports-mode"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-color-icons:sports-mode"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/flat-color-icons/sports-mode.svg" alt="Иконка Sports Mode" width="24" height="24">Вопросы и ответы: Иконка Sports Mode
Можно ли бесплатно использовать иконку Sports Mode в коммерческих проектах?
Да. Flat Color Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sports Mode в React?
Установите @iconify/react и выведите <Icon icon="flat-color-icons:sports-mode" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sports Mode на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/flat-color-icons/sports-mode.svg" alt="Иконка Sports Mode">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.