lichess logo
lichess from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- lichess
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the lichess logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.457 6.161a.237.237 0 0 0-.296.165c-.8 2.785 2.819 5.579 5.214 7.428c.653.504 1.216.939 1.591 1.292c1.745 1.642 2.564 2.851 2.733 3.178a.24.24 0 0 0 .275.122c.047-.013 4.726-1.3 3.934-4.574a.3.3 0 0 0-.023-.06L18.204 3.407L18.93.295a.24.24 0 0 0-.262-.293c-1.7.201-3.115.435-4.5 1.425c-4.844-.323-8.718.9-11.213 3.539C.334 7.737-.246 11.515.085 14.128c.763 5.655 5.191 8.631 9.081 9.532c.993.229 1.974.34 2.923.34c3.344 0 6.297-1.381 7.946-3.85a.24.24 0 0 0-.372-.3c-3.411 3.527-9.002 4.134-13.296 1.444c-4.485-2.81-6.202-8.41-3.91-12.749C4.741 4.221 8.801 2.362 13.888 3.31c.056.01.115 0 .165-.029l.335-.197c.926-.546 1.961-1.157 2.873-1.279l-.694 1.993a.24.24 0 0 0 .02.202l6.082 10.192c-.193 2.028-1.706 2.506-2.226 2.611c-.287-.645-.814-1.364-2.306-2.803c-.422-.407-1.21-.941-2.124-1.56c-2.364-1.601-5.937-4.02-5.391-5.984a.24.24 0 0 0-.165-.295"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsLichess(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="M10.457 6.161a.237.237 0 0 0-.296.165c-.8 2.785 2.819 5.579 5.214 7.428c.653.504 1.216.939 1.591 1.292c1.745 1.642 2.564 2.851 2.733 3.178a.24.24 0 0 0 .275.122c.047-.013 4.726-1.3 3.934-4.574a.3.3 0 0 0-.023-.06L18.204 3.407L18.93.295a.24.24 0 0 0-.262-.293c-1.7.201-3.115.435-4.5 1.425c-4.844-.323-8.718.9-11.213 3.539C.334 7.737-.246 11.515.085 14.128c.763 5.655 5.191 8.631 9.081 9.532c.993.229 1.974.34 2.923.34c3.344 0 6.297-1.381 7.946-3.85a.24.24 0 0 0-.372-.3c-3.411 3.527-9.002 4.134-13.296 1.444c-4.485-2.81-6.202-8.41-3.91-12.749C4.741 4.221 8.801 2.362 13.888 3.31c.056.01.115 0 .165-.029l.335-.197c.926-.546 1.961-1.157 2.873-1.279l-.694 1.993a.24.24 0 0 0 .02.202l6.082 10.192c-.193 2.028-1.706 2.506-2.226 2.611c-.287-.645-.814-1.364-2.306-2.803c-.422-.407-1.21-.941-2.124-1.56c-2.364-1.601-5.937-4.02-5.391-5.984a.24.24 0 0 0-.165-.295"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.457 6.161a.237.237 0 0 0-.296.165c-.8 2.785 2.819 5.579 5.214 7.428c.653.504 1.216.939 1.591 1.292c1.745 1.642 2.564 2.851 2.733 3.178a.24.24 0 0 0 .275.122c.047-.013 4.726-1.3 3.934-4.574a.3.3 0 0 0-.023-.06L18.204 3.407L18.93.295a.24.24 0 0 0-.262-.293c-1.7.201-3.115.435-4.5 1.425c-4.844-.323-8.718.9-11.213 3.539C.334 7.737-.246 11.515.085 14.128c.763 5.655 5.191 8.631 9.081 9.532c.993.229 1.974.34 2.923.34c3.344 0 6.297-1.381 7.946-3.85a.24.24 0 0 0-.372-.3c-3.411 3.527-9.002 4.134-13.296 1.444c-4.485-2.81-6.202-8.41-3.91-12.749C4.741 4.221 8.801 2.362 13.888 3.31c.056.01.115 0 .165-.029l.335-.197c.926-.546 1.961-1.157 2.873-1.279l-.694 1.993a.24.24 0 0 0 .02.202l6.082 10.192c-.193 2.028-1.706 2.506-2.226 2.611c-.287-.645-.814-1.364-2.306-2.803c-.422-.407-1.21-.941-2.124-1.56c-2.364-1.601-5.937-4.02-5.391-5.984a.24.24 0 0 0-.165-.295"/></svg> </template>
CSS
.icon-lichess {
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%22M10.457%206.161a.237.237%200%200%200-.296.165c-.8%202.785%202.819%205.579%205.214%207.428c.653.504%201.216.939%201.591%201.292c1.745%201.642%202.564%202.851%202.733%203.178a.24.24%200%200%200%20.275.122c.047-.013%204.726-1.3%203.934-4.574a.3.3%200%200%200-.023-.06L18.204%203.407L18.93.295a.24.24%200%200%200-.262-.293c-1.7.201-3.115.435-4.5%201.425c-4.844-.323-8.718.9-11.213%203.539C.334%207.737-.246%2011.515.085%2014.128c.763%205.655%205.191%208.631%209.081%209.532c.993.229%201.974.34%202.923.34c3.344%200%206.297-1.381%207.946-3.85a.24.24%200%200%200-.372-.3c-3.411%203.527-9.002%204.134-13.296%201.444c-4.485-2.81-6.202-8.41-3.91-12.749C4.741%204.221%208.801%202.362%2013.888%203.31c.056.01.115%200%20.165-.029l.335-.197c.926-.546%201.961-1.157%202.873-1.279l-.694%201.993a.24.24%200%200%200%20.02.202l6.082%2010.192c-.193%202.028-1.706%202.506-2.226%202.611c-.287-.645-.814-1.364-2.306-2.803c-.422-.407-1.21-.941-2.124-1.56c-2.364-1.601-5.937-4.02-5.391-5.984a.24.24%200%200%200-.165-.295%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%22M10.457%206.161a.237.237%200%200%200-.296.165c-.8%202.785%202.819%205.579%205.214%207.428c.653.504%201.216.939%201.591%201.292c1.745%201.642%202.564%202.851%202.733%203.178a.24.24%200%200%200%20.275.122c.047-.013%204.726-1.3%203.934-4.574a.3.3%200%200%200-.023-.06L18.204%203.407L18.93.295a.24.24%200%200%200-.262-.293c-1.7.201-3.115.435-4.5%201.425c-4.844-.323-8.718.9-11.213%203.539C.334%207.737-.246%2011.515.085%2014.128c.763%205.655%205.191%208.631%209.081%209.532c.993.229%201.974.34%202.923.34c3.344%200%206.297-1.381%207.946-3.85a.24.24%200%200%200-.372-.3c-3.411%203.527-9.002%204.134-13.296%201.444c-4.485-2.81-6.202-8.41-3.91-12.749C4.741%204.221%208.801%202.362%2013.888%203.31c.056.01.115%200%20.165-.029l.335-.197c.926-.546%201.961-1.157%202.873-1.279l-.694%201.993a.24.24%200%200%200%20.02.202l6.082%2010.192c-.193%202.028-1.706%202.506-2.226%202.611c-.287-.645-.814-1.364-2.306-2.803c-.422-.407-1.21-.941-2.124-1.56c-2.364-1.601-5.937-4.02-5.391-5.984a.24.24%200%200%200-.165-.295%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/lichess.svg?color=%231a73e8&size=48
