social leaderboard icon

social-leaderboard from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: social-leaderboard
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: social-leaderboard-sharp

3 other variants in Material Symbols Light

social-leaderboard-outline social-leaderboard-outline-rounded social-leaderboard-rounded

The same icon in other sets

social-leaderboardMaterial Symbols

More social icons from Material Symbols Light

Use the social leaderboard icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.475 20q-1.852 0-3.163-1.311T3 15.525q0-1.823 1.274-3.126t3.097-1.343q.192 0 .385.029q.192.029.384.067L4.846 4.539h4.77L12 9.308l2.385-4.77h4.769l-3.27 6.545q.174-.039.357-.058q.182-.02.375-.02q1.836.047 3.11 1.35T21 15.5q0 1.877-1.311 3.189T16.5 20q-.283 0-.578-.032q-.295-.031-.558-.12q1.182-.515 1.659-1.751T17.5 15.5q0-2.302-1.599-3.901T12 10t-3.901 1.599T6.5 15.5q0 1.373.44 2.642q.44 1.27 1.69 1.706q-.282.089-.567.12T7.475 20m1.338-1.312Q7.5 17.375 7.5 15.5t1.313-3.187T12 11t3.188 1.313T16.5 15.5t-1.312 3.188T12 20t-3.187-1.312m1.625-.9L12 16.6l1.562 1.189l-.585-1.93l1.562-1.113h-1.93L12 12.712l-.61 2.034H9.462l1.562 1.114z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSocialLeaderboard(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.475 20q-1.852 0-3.163-1.311T3 15.525q0-1.823 1.274-3.126t3.097-1.343q.192 0 .385.029q.192.029.384.067L4.846 4.539h4.77L12 9.308l2.385-4.77h4.769l-3.27 6.545q.174-.039.357-.058q.182-.02.375-.02q1.836.047 3.11 1.35T21 15.5q0 1.877-1.311 3.189T16.5 20q-.283 0-.578-.032q-.295-.031-.558-.12q1.182-.515 1.659-1.751T17.5 15.5q0-2.302-1.599-3.901T12 10t-3.901 1.599T6.5 15.5q0 1.373.44 2.642q.44 1.27 1.69 1.706q-.282.089-.567.12T7.475 20m1.338-1.312Q7.5 17.375 7.5 15.5t1.313-3.187T12 11t3.188 1.313T16.5 15.5t-1.312 3.188T12 20t-3.187-1.312m1.625-.9L12 16.6l1.562 1.189l-.585-1.93l1.562-1.113h-1.93L12 12.712l-.61 2.034H9.462l1.562 1.114z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.475 20q-1.852 0-3.163-1.311T3 15.525q0-1.823 1.274-3.126t3.097-1.343q.192 0 .385.029q.192.029.384.067L4.846 4.539h4.77L12 9.308l2.385-4.77h4.769l-3.27 6.545q.174-.039.357-.058q.182-.02.375-.02q1.836.047 3.11 1.35T21 15.5q0 1.877-1.311 3.189T16.5 20q-.283 0-.578-.032q-.295-.031-.558-.12q1.182-.515 1.659-1.751T17.5 15.5q0-2.302-1.599-3.901T12 10t-3.901 1.599T6.5 15.5q0 1.373.44 2.642q.44 1.27 1.69 1.706q-.282.089-.567.12T7.475 20m1.338-1.312Q7.5 17.375 7.5 15.5t1.313-3.187T12 11t3.188 1.313T16.5 15.5t-1.312 3.188T12 20t-3.187-1.312m1.625-.9L12 16.6l1.562 1.189l-.585-1.93l1.562-1.113h-1.93L12 12.712l-.61 2.034H9.462l1.562 1.114z"/></svg>
</template>

CSS

.icon-social-leaderboard {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.475%2020q-1.852%200-3.163-1.311T3%2015.525q0-1.823%201.274-3.126t3.097-1.343q.192%200%20.385.029q.192.029.384.067L4.846%204.539h4.77L12%209.308l2.385-4.77h4.769l-3.27%206.545q.174-.039.357-.058q.182-.02.375-.02q1.836.047%203.11%201.35T21%2015.5q0%201.877-1.311%203.189T16.5%2020q-.283%200-.578-.032q-.295-.031-.558-.12q1.182-.515%201.659-1.751T17.5%2015.5q0-2.302-1.599-3.901T12%2010t-3.901%201.599T6.5%2015.5q0%201.373.44%202.642q.44%201.27%201.69%201.706q-.282.089-.567.12T7.475%2020m1.338-1.312Q7.5%2017.375%207.5%2015.5t1.313-3.187T12%2011t3.188%201.313T16.5%2015.5t-1.312%203.188T12%2020t-3.187-1.312m1.625-.9L12%2016.6l1.562%201.189l-.585-1.93l1.562-1.113h-1.93L12%2012.712l-.61%202.034H9.462l1.562%201.114z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.475%2020q-1.852%200-3.163-1.311T3%2015.525q0-1.823%201.274-3.126t3.097-1.343q.192%200%20.385.029q.192.029.384.067L4.846%204.539h4.77L12%209.308l2.385-4.77h4.769l-3.27%206.545q.174-.039.357-.058q.182-.02.375-.02q1.836.047%203.11%201.35T21%2015.5q0%201.877-1.311%203.189T16.5%2020q-.283%200-.578-.032q-.295-.031-.558-.12q1.182-.515%201.659-1.751T17.5%2015.5q0-2.302-1.599-3.901T12%2010t-3.901%201.599T6.5%2015.5q0%201.373.44%202.642q.44%201.27%201.69%201.706q-.282.089-.567.12T7.475%2020m1.338-1.312Q7.5%2017.375%207.5%2015.5t1.313-3.187T12%2011t3.188%201.313T16.5%2015.5t-1.312%203.188T12%2020t-3.187-1.312m1.625-.9L12%2016.6l1.562%201.189l-.585-1.93l1.562-1.113h-1.93L12%2012.712l-.61%202.034H9.462l1.562%201.114z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/social-leaderboard.svg?color=%231a73e8&size=48