Social Leaderboard Outline Rounded アイコン
material-symbols-light:social-leaderboard-outline-rounded
Social Leaderboard Outline Rounded アイコン(material-symbols-light:social-leaderboard-outline-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Social Leaderboard Outline Rounded アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。