Иконка Social Leaderboard Outline Rounded
material-symbols-light:social-leaderboard-outline-rounded
Иконка Social Leaderboard Outline Rounded (material-symbols-light:social-leaderboard-outline-rounded) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Социальное
- Теги
- socialleaderboard, leaderboardoutline, outlinerounded, socialleaderboardoutlinerounded
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.188 18.688Q16.5 17.375 16.5 15.5t-1.312-3.187T12 11t-3.187 1.313T7.5 15.5t1.313 3.188T12 20t3.188-1.312m-6.074-7.853q.48-.314 1.023-.505q.544-.191 1.119-.28L8.98 5.538h-2.5zm-1.887 8.1q.017-.168.078-.37q.06-.204.176-.43q-.462-.747-.666-1.613t-.107-1.783q0-.75.26-1.424q.259-.673.72-1.211q-.357.061-.628.256q-.271.196-.387.467q-1.115.271-1.738 1.255t-.381 2.18q0 1.115.779 1.894t1.894.778m9.546 0q1.358-.08 2.293-1.064q.934-.983.934-2.37t-.935-2.37t-2.292-1.065q-.115 0-.23.01q-.116.01-.232.029q.56.706.874 1.572q.315.866.315 1.824t-.314 1.824q-.315.866-.874 1.572q.115.02.23.029q.116.01.231.01m-6.59 1.768q-.854-.297-1.552-.855q-.264.088-.556.12t-.6.032q-1.852 0-3.163-1.311T3 15.525q0-1.829 1.277-3.129t3.094-1.34q.212 0 .404.029q.192.028.384.067L5.438 5.7q-.212-.404.028-.783q.239-.378.699-.378H8.62q.46 0 .836.242t.593.646L12 9.307l1.95-3.88q.217-.404.593-.646t.836-.242h2.457q.46 0 .7.378q.239.38.027.783l-2.678 5.383q.173-.039.356-.058q.182-.02.375-.02q1.836.047 3.11 1.347T21 15.5q0 1.877-1.311 3.189T16.5 20q-.302 0-.587-.032t-.55-.12q-.697.539-1.55.845T12 21t-1.816-.297m-1.07-9.869L6.48 5.54zM12 16.6l-1.071.81q-.131.086-.242.003t-.062-.22l.398-1.334l-1.052-.759q-.13-.086-.08-.22t.192-.134h1.308l.417-1.394q.05-.136.192-.136t.192.136l.417 1.394h1.308q.142 0 .192.134t-.08.22l-1.052.76l.398 1.332q.05.137-.061.22t-.243-.002zm2.887-5.765l2.657-5.296H15.02l-2.183 4.326l.11.22q.523.1 1.012.28q.488.18.928.47"/></svg>Как использовать иконку Social Leaderboard Outline Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:social-leaderboard-outline-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:social-leaderboard-outline-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:social-leaderboard-outline-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--social-leaderboard-outline-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:social-leaderboard-outline-rounded"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:social-leaderboard-outline-rounded"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/social-leaderboard-outline-rounded.svg" alt="Иконка Social Leaderboard Outline Rounded" width="24" height="24">Похожие иконки в наборе Material Symbols Light
Иконка Social Leaderboard Outline Rounded в других наборах
Вопросы и ответы: Иконка Social Leaderboard Outline Rounded
Можно ли бесплатно использовать иконку Social Leaderboard Outline Rounded в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Social Leaderboard Outline Rounded в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:social-leaderboard-outline-rounded" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Social Leaderboard Outline Rounded на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/social-leaderboard-outline-rounded.svg" alt="Иконка Social Leaderboard Outline Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.