leagueoflegends logo

leagueoflegends from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
leagueoflegends
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the leagueoflegends logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m1.912 0l1.212 2.474v19.053L1.912 24h14.73l1.337-4.682H8.33V0ZM12 1.516c-.913 0-1.798.112-2.648.312v1.74A9.7 9.7 0 0 1 12 3.2c5.267 0 9.536 4.184 9.536 9.348a9.2 9.2 0 0 1-2.3 6.086l-.273.954l-.602 2.112c2.952-1.993 4.89-5.335 4.89-9.122C23.25 6.468 18.213 1.516 12 1.516m0 2.673c-.924 0-1.814.148-2.648.414v13.713h8.817a8.25 8.25 0 0 0 2.36-5.768c0-4.617-3.818-8.359-8.529-8.359M2.104 7.312A10.86 10.86 0 0 0 .75 12.576c0 1.906.492 3.7 1.355 5.266z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsLeagueoflegends(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="m1.912 0l1.212 2.474v19.053L1.912 24h14.73l1.337-4.682H8.33V0ZM12 1.516c-.913 0-1.798.112-2.648.312v1.74A9.7 9.7 0 0 1 12 3.2c5.267 0 9.536 4.184 9.536 9.348a9.2 9.2 0 0 1-2.3 6.086l-.273.954l-.602 2.112c2.952-1.993 4.89-5.335 4.89-9.122C23.25 6.468 18.213 1.516 12 1.516m0 2.673c-.924 0-1.814.148-2.648.414v13.713h8.817a8.25 8.25 0 0 0 2.36-5.768c0-4.617-3.818-8.359-8.529-8.359M2.104 7.312A10.86 10.86 0 0 0 .75 12.576c0 1.906.492 3.7 1.355 5.266z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m1.912 0l1.212 2.474v19.053L1.912 24h14.73l1.337-4.682H8.33V0ZM12 1.516c-.913 0-1.798.112-2.648.312v1.74A9.7 9.7 0 0 1 12 3.2c5.267 0 9.536 4.184 9.536 9.348a9.2 9.2 0 0 1-2.3 6.086l-.273.954l-.602 2.112c2.952-1.993 4.89-5.335 4.89-9.122C23.25 6.468 18.213 1.516 12 1.516m0 2.673c-.924 0-1.814.148-2.648.414v13.713h8.817a8.25 8.25 0 0 0 2.36-5.768c0-4.617-3.818-8.359-8.529-8.359M2.104 7.312A10.86 10.86 0 0 0 .75 12.576c0 1.906.492 3.7 1.355 5.266z"/></svg>
</template>

CSS

.icon-leagueoflegends {
  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%22m1.912%200l1.212%202.474v19.053L1.912%2024h14.73l1.337-4.682H8.33V0ZM12%201.516c-.913%200-1.798.112-2.648.312v1.74A9.7%209.7%200%200%201%2012%203.2c5.267%200%209.536%204.184%209.536%209.348a9.2%209.2%200%200%201-2.3%206.086l-.273.954l-.602%202.112c2.952-1.993%204.89-5.335%204.89-9.122C23.25%206.468%2018.213%201.516%2012%201.516m0%202.673c-.924%200-1.814.148-2.648.414v13.713h8.817a8.25%208.25%200%200%200%202.36-5.768c0-4.617-3.818-8.359-8.529-8.359M2.104%207.312A10.86%2010.86%200%200%200%20.75%2012.576c0%201.906.492%203.7%201.355%205.266z%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%22m1.912%200l1.212%202.474v19.053L1.912%2024h14.73l1.337-4.682H8.33V0ZM12%201.516c-.913%200-1.798.112-2.648.312v1.74A9.7%209.7%200%200%201%2012%203.2c5.267%200%209.536%204.184%209.536%209.348a9.2%209.2%200%200%201-2.3%206.086l-.273.954l-.602%202.112c2.952-1.993%204.89-5.335%204.89-9.122C23.25%206.468%2018.213%201.516%2012%201.516m0%202.673c-.924%200-1.814.148-2.648.414v13.713h8.817a8.25%208.25%200%200%200%202.36-5.768c0-4.617-3.818-8.359-8.529-8.359M2.104%207.312A10.86%2010.86%200%200%200%20.75%2012.576c0%201.906.492%203.7%201.355%205.266z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/leagueoflegends.svg?color=%231a73e8&size=48