letterboxd logo

letterboxd from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: letterboxd
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 640×512
License: CC BY 4.0

The same logo in other sets

letterboxdBoxicons Brands letterboxdCoreUI Brands letterboxdFont Awesome Brands letterboxdSimple Icons

Use the letterboxd logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M521.3 128c65.6 0 118.7 53.1 118.7 118.6s-53.1 118.6-118.7 118.6c-42.5 0-79.7-22.3-100.7-55.8c11.4-18.2 18-39.7 18-62.8s-6.6-44.6-18-62.8l.8-1.2c20.8-32.3 56.8-53.9 97.9-54.6zM320 128c42.5 0 79.7 22.3 100.7 55.8c-11.4 18.2-18 39.7-18 62.8s6.6 44.6 18 62.8l-.8 1.2c-20.8 32.3-56.8 53.9-97.9 54.6h-2c-42.5 0-79.7-22.3-100.7-55.8c11.4-18.2 18-39.7 18-62.8s-6.6-44.6-18-62.8l.8-1.2c20.8-32.3 56.8-53.9 97.9-54.6zm-201.3 0c42.5 0 79.7 22.3 100.7 55.8c-11.4 18.2-18 39.7-18 62.8s6.6 44.6 18 62.8l-.8 1.2c-20.8 32.3-56.8 53.9-97.9 54.6h-2C53.1 365.1 0 312.1 0 246.6S53.1 128 118.7 128"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsLetterboxd(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M521.3 128c65.6 0 118.7 53.1 118.7 118.6s-53.1 118.6-118.7 118.6c-42.5 0-79.7-22.3-100.7-55.8c11.4-18.2 18-39.7 18-62.8s-6.6-44.6-18-62.8l.8-1.2c20.8-32.3 56.8-53.9 97.9-54.6zM320 128c42.5 0 79.7 22.3 100.7 55.8c-11.4 18.2-18 39.7-18 62.8s6.6 44.6 18 62.8l-.8 1.2c-20.8 32.3-56.8 53.9-97.9 54.6h-2c-42.5 0-79.7-22.3-100.7-55.8c11.4-18.2 18-39.7 18-62.8s-6.6-44.6-18-62.8l.8-1.2c20.8-32.3 56.8-53.9 97.9-54.6zm-201.3 0c42.5 0 79.7 22.3 100.7 55.8c-11.4 18.2-18 39.7-18 62.8s6.6 44.6 18 62.8l-.8 1.2c-20.8 32.3-56.8 53.9-97.9 54.6h-2C53.1 365.1 0 312.1 0 246.6S53.1 128 118.7 128"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M521.3 128c65.6 0 118.7 53.1 118.7 118.6s-53.1 118.6-118.7 118.6c-42.5 0-79.7-22.3-100.7-55.8c11.4-18.2 18-39.7 18-62.8s-6.6-44.6-18-62.8l.8-1.2c20.8-32.3 56.8-53.9 97.9-54.6zM320 128c42.5 0 79.7 22.3 100.7 55.8c-11.4 18.2-18 39.7-18 62.8s6.6 44.6 18 62.8l-.8 1.2c-20.8 32.3-56.8 53.9-97.9 54.6h-2c-42.5 0-79.7-22.3-100.7-55.8c11.4-18.2 18-39.7 18-62.8s-6.6-44.6-18-62.8l.8-1.2c20.8-32.3 56.8-53.9 97.9-54.6zm-201.3 0c42.5 0 79.7 22.3 100.7 55.8c-11.4 18.2-18 39.7-18 62.8s6.6 44.6 18 62.8l-.8 1.2c-20.8 32.3-56.8 53.9-97.9 54.6h-2C53.1 365.1 0 312.1 0 246.6S53.1 128 118.7 128"/></svg>
</template>

CSS

.icon-letterboxd {
  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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M521.3%20128c65.6%200%20118.7%2053.1%20118.7%20118.6s-53.1%20118.6-118.7%20118.6c-42.5%200-79.7-22.3-100.7-55.8c11.4-18.2%2018-39.7%2018-62.8s-6.6-44.6-18-62.8l.8-1.2c20.8-32.3%2056.8-53.9%2097.9-54.6zM320%20128c42.5%200%2079.7%2022.3%20100.7%2055.8c-11.4%2018.2-18%2039.7-18%2062.8s6.6%2044.6%2018%2062.8l-.8%201.2c-20.8%2032.3-56.8%2053.9-97.9%2054.6h-2c-42.5%200-79.7-22.3-100.7-55.8c11.4-18.2%2018-39.7%2018-62.8s-6.6-44.6-18-62.8l.8-1.2c20.8-32.3%2056.8-53.9%2097.9-54.6zm-201.3%200c42.5%200%2079.7%2022.3%20100.7%2055.8c-11.4%2018.2-18%2039.7-18%2062.8s6.6%2044.6%2018%2062.8l-.8%201.2c-20.8%2032.3-56.8%2053.9-97.9%2054.6h-2C53.1%20365.1%200%20312.1%200%20246.6S53.1%20128%20118.7%20128%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M521.3%20128c65.6%200%20118.7%2053.1%20118.7%20118.6s-53.1%20118.6-118.7%20118.6c-42.5%200-79.7-22.3-100.7-55.8c11.4-18.2%2018-39.7%2018-62.8s-6.6-44.6-18-62.8l.8-1.2c20.8-32.3%2056.8-53.9%2097.9-54.6zM320%20128c42.5%200%2079.7%2022.3%20100.7%2055.8c-11.4%2018.2-18%2039.7-18%2062.8s6.6%2044.6%2018%2062.8l-.8%201.2c-20.8%2032.3-56.8%2053.9-97.9%2054.6h-2c-42.5%200-79.7-22.3-100.7-55.8c11.4-18.2%2018-39.7%2018-62.8s-6.6-44.6-18-62.8l.8-1.2c20.8-32.3%2056.8-53.9%2097.9-54.6zm-201.3%200c42.5%200%2079.7%2022.3%20100.7%2055.8c-11.4%2018.2-18%2039.7-18%2062.8s6.6%2044.6%2018%2062.8l-.8%201.2c-20.8%2032.3-56.8%2053.9-97.9%2054.6h-2C53.1%20365.1%200%20312.1%200%20246.6S53.1%20128%20118.7%20128%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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