leanpub logo

leanpub from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: leanpub
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

leanpubFont Awesome 6 Brands leanpubLine Awesome leanpubSimple Icons

Use the leanpub logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m418.6 175.5l15.1 249l-11-.3c-36.2-.8-71.6 8.8-102.7 28c-31-19.2-66.4-28-102.7-28c-45.6 0-82.1 10.7-123.5 27.7l31.4-258.3c28.5-11.8 61.5-18.1 92.2-18.1c41.2 0 73.8 13.2 102.7 42.5c27.7-28.3 59-41.7 98.5-42.5M601.2 512c-25.5 0-47.5-5.2-70.5-15.6c-34.3-15.6-70-25-107.9-25c-39 0-74.9 12.9-102.7 40.6c-27.7-27.7-63.7-40.6-102.7-40.6c-37.9 0-73.6 9.3-107.9 25c-22.2 9.9-44.7 15.6-69.2 15.6H39l42.6-349.1c39.3-22.2 87-34.9 132.3-34.9c37.1 0 75.2 7.7 106.2 29.1c31-21.4 69.2-29.1 106.2-29.1c45.3 0 93 12.6 132.3 34.9zm-43.4-44.7l-34-280.3c-30.7-14-67.2-21.4-101-21.4c-38.4 0-74.4 12.1-102.7 38.7c-28.3-26.6-64.2-38.7-102.7-38.7c-33.8 0-70.3 7.4-101 21.4l-34 280.2c47.2-19.5 82.9-33.5 135-33.5c37.6 0 70.8 9.6 102.7 29.6c31.8-20 65.1-29.6 102.7-29.6c52.2 0 87.8 14 135 33.5z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsLeanpub(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m418.6 175.5l15.1 249l-11-.3c-36.2-.8-71.6 8.8-102.7 28c-31-19.2-66.4-28-102.7-28c-45.6 0-82.1 10.7-123.5 27.7l31.4-258.3c28.5-11.8 61.5-18.1 92.2-18.1c41.2 0 73.8 13.2 102.7 42.5c27.7-28.3 59-41.7 98.5-42.5M601.2 512c-25.5 0-47.5-5.2-70.5-15.6c-34.3-15.6-70-25-107.9-25c-39 0-74.9 12.9-102.7 40.6c-27.7-27.7-63.7-40.6-102.7-40.6c-37.9 0-73.6 9.3-107.9 25c-22.2 9.9-44.7 15.6-69.2 15.6H39l42.6-349.1c39.3-22.2 87-34.9 132.3-34.9c37.1 0 75.2 7.7 106.2 29.1c31-21.4 69.2-29.1 106.2-29.1c45.3 0 93 12.6 132.3 34.9zm-43.4-44.7l-34-280.3c-30.7-14-67.2-21.4-101-21.4c-38.4 0-74.4 12.1-102.7 38.7c-28.3-26.6-64.2-38.7-102.7-38.7c-33.8 0-70.3 7.4-101 21.4l-34 280.2c47.2-19.5 82.9-33.5 135-33.5c37.6 0 70.8 9.6 102.7 29.6c31.8-20 65.1-29.6 102.7-29.6c52.2 0 87.8 14 135 33.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m418.6 175.5l15.1 249l-11-.3c-36.2-.8-71.6 8.8-102.7 28c-31-19.2-66.4-28-102.7-28c-45.6 0-82.1 10.7-123.5 27.7l31.4-258.3c28.5-11.8 61.5-18.1 92.2-18.1c41.2 0 73.8 13.2 102.7 42.5c27.7-28.3 59-41.7 98.5-42.5M601.2 512c-25.5 0-47.5-5.2-70.5-15.6c-34.3-15.6-70-25-107.9-25c-39 0-74.9 12.9-102.7 40.6c-27.7-27.7-63.7-40.6-102.7-40.6c-37.9 0-73.6 9.3-107.9 25c-22.2 9.9-44.7 15.6-69.2 15.6H39l42.6-349.1c39.3-22.2 87-34.9 132.3-34.9c37.1 0 75.2 7.7 106.2 29.1c31-21.4 69.2-29.1 106.2-29.1c45.3 0 93 12.6 132.3 34.9zm-43.4-44.7l-34-280.3c-30.7-14-67.2-21.4-101-21.4c-38.4 0-74.4 12.1-102.7 38.7c-28.3-26.6-64.2-38.7-102.7-38.7c-33.8 0-70.3 7.4-101 21.4l-34 280.2c47.2-19.5 82.9-33.5 135-33.5c37.6 0 70.8 9.6 102.7 29.6c31.8-20 65.1-29.6 102.7-29.6c52.2 0 87.8 14 135 33.5z"/></svg>
</template>

CSS

.icon-leanpub {
  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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m418.6%20175.5l15.1%20249l-11-.3c-36.2-.8-71.6%208.8-102.7%2028c-31-19.2-66.4-28-102.7-28c-45.6%200-82.1%2010.7-123.5%2027.7l31.4-258.3c28.5-11.8%2061.5-18.1%2092.2-18.1c41.2%200%2073.8%2013.2%20102.7%2042.5c27.7-28.3%2059-41.7%2098.5-42.5M601.2%20512c-25.5%200-47.5-5.2-70.5-15.6c-34.3-15.6-70-25-107.9-25c-39%200-74.9%2012.9-102.7%2040.6c-27.7-27.7-63.7-40.6-102.7-40.6c-37.9%200-73.6%209.3-107.9%2025c-22.2%209.9-44.7%2015.6-69.2%2015.6H39l42.6-349.1c39.3-22.2%2087-34.9%20132.3-34.9c37.1%200%2075.2%207.7%20106.2%2029.1c31-21.4%2069.2-29.1%20106.2-29.1c45.3%200%2093%2012.6%20132.3%2034.9zm-43.4-44.7l-34-280.3c-30.7-14-67.2-21.4-101-21.4c-38.4%200-74.4%2012.1-102.7%2038.7c-28.3-26.6-64.2-38.7-102.7-38.7c-33.8%200-70.3%207.4-101%2021.4l-34%20280.2c47.2-19.5%2082.9-33.5%20135-33.5c37.6%200%2070.8%209.6%20102.7%2029.6c31.8-20%2065.1-29.6%20102.7-29.6c52.2%200%2087.8%2014%20135%2033.5z%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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m418.6%20175.5l15.1%20249l-11-.3c-36.2-.8-71.6%208.8-102.7%2028c-31-19.2-66.4-28-102.7-28c-45.6%200-82.1%2010.7-123.5%2027.7l31.4-258.3c28.5-11.8%2061.5-18.1%2092.2-18.1c41.2%200%2073.8%2013.2%20102.7%2042.5c27.7-28.3%2059-41.7%2098.5-42.5M601.2%20512c-25.5%200-47.5-5.2-70.5-15.6c-34.3-15.6-70-25-107.9-25c-39%200-74.9%2012.9-102.7%2040.6c-27.7-27.7-63.7-40.6-102.7-40.6c-37.9%200-73.6%209.3-107.9%2025c-22.2%209.9-44.7%2015.6-69.2%2015.6H39l42.6-349.1c39.3-22.2%2087-34.9%20132.3-34.9c37.1%200%2075.2%207.7%20106.2%2029.1c31-21.4%2069.2-29.1%20106.2-29.1c45.3%200%2093%2012.6%20132.3%2034.9zm-43.4-44.7l-34-280.3c-30.7-14-67.2-21.4-101-21.4c-38.4%200-74.4%2012.1-102.7%2038.7c-28.3-26.6-64.2-38.7-102.7-38.7c-33.8%200-70.3%207.4-101%2021.4l-34%20280.2c47.2-19.5%2082.9-33.5%20135-33.5c37.6%200%2070.8%209.6%20102.7%2029.6c31.8-20%2065.1-29.6%20102.7-29.6c52.2%200%2087.8%2014%20135%2033.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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