Иконка Ranking Bold
solar:ranking-bold
Иконка Ranking Bold (solar:ranking-bold) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Solar
- Автор
- 480 Design
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Спорт
- Теги
- rankingbold
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11 10H13C14.4142 10 15.1213 10 15.5607 10.4393C16 10.8787 16 11.5858 16 13V19C16 17.5858 16 16.8787 16.4393 16.4393C16.8787 16 17.5858 16 19 16C20.4142 16 21.1213 16 21.5607 16.4393C22 16.8787 22 17.5858 22 19V22H16H8H2C2 20.5858 2 19.8787 2.43934 19.4393C2.87868 19 3.58579 19 5 19C6.41421 19 7.12132 19 7.56066 19.4393C8 19.8787 8 20.5858 8 22V13C8 11.5858 8 10.8787 8.43934 10.4393C8.87868 10 9.58579 10 11 10Z"/><path d="M11.1459 3.02251C11.5259 2.34084 11.7159 2 12 2C12.2841 2 12.4741 2.34084 12.8541 3.02251L12.9524 3.19887C13.0603 3.39258 13.1143 3.48944 13.1985 3.55334C13.2827 3.61725 13.3875 3.64097 13.5972 3.68841L13.7881 3.73161C14.526 3.89857 14.895 3.98205 14.9828 4.26432C15.0706 4.54659 14.819 4.84072 14.316 5.42898L14.1858 5.58117C14.0429 5.74833 13.9714 5.83191 13.9392 5.93531C13.9071 6.03872 13.9179 6.15023 13.9395 6.37327L13.9592 6.57632C14.0352 7.36118 14.0733 7.75361 13.8435 7.92807C13.6136 8.10252 13.2682 7.94346 12.5773 7.62535L12.3986 7.54305C12.2022 7.45265 12.1041 7.40745 12 7.40745C11.8959 7.40745 11.7978 7.45265 11.6014 7.54305L11.4227 7.62535C10.7318 7.94346 10.3864 8.10252 10.1565 7.92807C9.92674 7.75361 9.96476 7.36118 10.0408 6.57632L10.0605 6.37327C10.0821 6.15023 10.0929 6.03872 10.0608 5.93531C10.0286 5.83191 9.95713 5.74833 9.81418 5.58117L9.68403 5.42898C9.18097 4.84072 8.92945 4.54659 9.01723 4.26432C9.10501 3.98205 9.47396 3.89857 10.2119 3.73161L10.4028 3.68841C10.6125 3.64097 10.7173 3.61725 10.8015 3.55334C10.8857 3.48944 10.9397 3.39258 11.0476 3.19887L11.1459 3.02251Z"/></g></svg>Как использовать иконку Ranking Bold
React
import { Icon } from "@iconify/react";
<Icon icon="solar:ranking-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:ranking-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:ranking-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--ranking-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:ranking-bold"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:ranking-bold"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/solar/ranking-bold.svg" alt="Иконка Ranking Bold" width="24" height="24">Похожие иконки в наборе Solar
Иконка Ranking Bold в других наборах
Вопросы и ответы: Иконка Ranking Bold
Можно ли бесплатно использовать иконку Ranking Bold в коммерческих проектах?
Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Ranking Bold в React?
Установите @iconify/react и выведите <Icon icon="solar:ranking-bold" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Ranking Bold на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/ranking-bold.svg" alt="Иконка Ranking Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.