line logo

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

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

The same logo in other sets

line-outlinedAnt Design Icons lineBootstrap Icons lineCoreUI Brands lineFont Awesome 6 Brands line-20-filledFluent UI System Icons lineHuge Icons lineJam Icons lineLine Awesome lineMage Icons line-fillMingCute Icon line-fillRemix Icon lineSimple Icons lineTabler Icons line-outlineTeenyicons lineUnicons lineUnicons Monochrome

Use the line logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M375 260.8v81.3c0 2.1-1.6 3.7-3.7 3.7h-13c-1.3 0-2.4-.7-3-1.5L318 294v48.2c0 2.1-1.6 3.7-3.7 3.7h-13c-2.1 0-3.7-1.6-3.7-3.7v-81.3c0-2.1 1.6-3.7 3.7-3.7h12.9c1.1 0 2.4.6 3 1.6l37.3 50.3v-48.2c0-2.1 1.6-3.7 3.7-3.7h13c2.1-.1 3.8 1.6 3.8 3.5zm-93.7-3.7h-13c-2.1 0-3.7 1.6-3.7 3.7v81.3c0 2.1 1.6 3.7 3.7 3.7h13c2.1 0 3.7-1.6 3.7-3.7v-81.3c0-1.9-1.6-3.7-3.7-3.7m-31.4 68.1h-35.6v-64.4c0-2.1-1.6-3.7-3.7-3.7h-13c-2.1 0-3.7 1.6-3.7 3.7v81.3c0 1 .3 1.8 1 2.5c.7.6 1.5 1 2.5 1h52.2c2.1 0 3.7-1.6 3.7-3.7v-13c0-1.9-1.6-3.7-3.5-3.7zm193.7-68.1h-52.3c-1.9 0-3.7 1.6-3.7 3.7v81.3c0 1.9 1.6 3.7 3.7 3.7h52.2c2.1 0 3.7-1.6 3.7-3.7V329c0-2.1-1.6-3.7-3.7-3.7H408v-13.6h35.5c2.1 0 3.7-1.6 3.7-3.7v-13.1c0-2.1-1.6-3.7-3.7-3.7H408v-13.7h35.5c2.1 0 3.7-1.6 3.7-3.7v-13c-.1-1.9-1.7-3.7-3.7-3.7zM576 157.4v326c-.1 51.2-42.1 92.7-93.4 92.6h-326c-51.2-.1-92.7-42.2-92.6-93.4v-326c.1-51.2 42.2-92.7 93.4-92.6h326c51.2.1 92.7 42.1 92.6 93.4m-70.4 140.1c0-83.4-83.7-151.3-186.4-151.3s-186.4 67.9-186.4 151.3c0 74.7 66.3 137.4 155.9 149.3c21.8 4.7 19.3 12.7 14.4 42.1c-.8 4.7-3.8 18.4 16.1 10.1s107.3-63.2 146.5-108.2c27-29.7 39.9-59.8 39.9-93.1z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsLine(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="M375 260.8v81.3c0 2.1-1.6 3.7-3.7 3.7h-13c-1.3 0-2.4-.7-3-1.5L318 294v48.2c0 2.1-1.6 3.7-3.7 3.7h-13c-2.1 0-3.7-1.6-3.7-3.7v-81.3c0-2.1 1.6-3.7 3.7-3.7h12.9c1.1 0 2.4.6 3 1.6l37.3 50.3v-48.2c0-2.1 1.6-3.7 3.7-3.7h13c2.1-.1 3.8 1.6 3.8 3.5zm-93.7-3.7h-13c-2.1 0-3.7 1.6-3.7 3.7v81.3c0 2.1 1.6 3.7 3.7 3.7h13c2.1 0 3.7-1.6 3.7-3.7v-81.3c0-1.9-1.6-3.7-3.7-3.7m-31.4 68.1h-35.6v-64.4c0-2.1-1.6-3.7-3.7-3.7h-13c-2.1 0-3.7 1.6-3.7 3.7v81.3c0 1 .3 1.8 1 2.5c.7.6 1.5 1 2.5 1h52.2c2.1 0 3.7-1.6 3.7-3.7v-13c0-1.9-1.6-3.7-3.5-3.7zm193.7-68.1h-52.3c-1.9 0-3.7 1.6-3.7 3.7v81.3c0 1.9 1.6 3.7 3.7 3.7h52.2c2.1 0 3.7-1.6 3.7-3.7V329c0-2.1-1.6-3.7-3.7-3.7H408v-13.6h35.5c2.1 0 3.7-1.6 3.7-3.7v-13.1c0-2.1-1.6-3.7-3.7-3.7H408v-13.7h35.5c2.1 0 3.7-1.6 3.7-3.7v-13c-.1-1.9-1.7-3.7-3.7-3.7zM576 157.4v326c-.1 51.2-42.1 92.7-93.4 92.6h-326c-51.2-.1-92.7-42.2-92.6-93.4v-326c.1-51.2 42.2-92.7 93.4-92.6h326c51.2.1 92.7 42.1 92.6 93.4m-70.4 140.1c0-83.4-83.7-151.3-186.4-151.3s-186.4 67.9-186.4 151.3c0 74.7 66.3 137.4 155.9 149.3c21.8 4.7 19.3 12.7 14.4 42.1c-.8 4.7-3.8 18.4 16.1 10.1s107.3-63.2 146.5-108.2c27-29.7 39.9-59.8 39.9-93.1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M375 260.8v81.3c0 2.1-1.6 3.7-3.7 3.7h-13c-1.3 0-2.4-.7-3-1.5L318 294v48.2c0 2.1-1.6 3.7-3.7 3.7h-13c-2.1 0-3.7-1.6-3.7-3.7v-81.3c0-2.1 1.6-3.7 3.7-3.7h12.9c1.1 0 2.4.6 3 1.6l37.3 50.3v-48.2c0-2.1 1.6-3.7 3.7-3.7h13c2.1-.1 3.8 1.6 3.8 3.5zm-93.7-3.7h-13c-2.1 0-3.7 1.6-3.7 3.7v81.3c0 2.1 1.6 3.7 3.7 3.7h13c2.1 0 3.7-1.6 3.7-3.7v-81.3c0-1.9-1.6-3.7-3.7-3.7m-31.4 68.1h-35.6v-64.4c0-2.1-1.6-3.7-3.7-3.7h-13c-2.1 0-3.7 1.6-3.7 3.7v81.3c0 1 .3 1.8 1 2.5c.7.6 1.5 1 2.5 1h52.2c2.1 0 3.7-1.6 3.7-3.7v-13c0-1.9-1.6-3.7-3.5-3.7zm193.7-68.1h-52.3c-1.9 0-3.7 1.6-3.7 3.7v81.3c0 1.9 1.6 3.7 3.7 3.7h52.2c2.1 0 3.7-1.6 3.7-3.7V329c0-2.1-1.6-3.7-3.7-3.7H408v-13.6h35.5c2.1 0 3.7-1.6 3.7-3.7v-13.1c0-2.1-1.6-3.7-3.7-3.7H408v-13.7h35.5c2.1 0 3.7-1.6 3.7-3.7v-13c-.1-1.9-1.7-3.7-3.7-3.7zM576 157.4v326c-.1 51.2-42.1 92.7-93.4 92.6h-326c-51.2-.1-92.7-42.2-92.6-93.4v-326c.1-51.2 42.2-92.7 93.4-92.6h326c51.2.1 92.7 42.1 92.6 93.4m-70.4 140.1c0-83.4-83.7-151.3-186.4-151.3s-186.4 67.9-186.4 151.3c0 74.7 66.3 137.4 155.9 149.3c21.8 4.7 19.3 12.7 14.4 42.1c-.8 4.7-3.8 18.4 16.1 10.1s107.3-63.2 146.5-108.2c27-29.7 39.9-59.8 39.9-93.1z"/></svg>
</template>

CSS

.icon-line {
  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%22M375%20260.8v81.3c0%202.1-1.6%203.7-3.7%203.7h-13c-1.3%200-2.4-.7-3-1.5L318%20294v48.2c0%202.1-1.6%203.7-3.7%203.7h-13c-2.1%200-3.7-1.6-3.7-3.7v-81.3c0-2.1%201.6-3.7%203.7-3.7h12.9c1.1%200%202.4.6%203%201.6l37.3%2050.3v-48.2c0-2.1%201.6-3.7%203.7-3.7h13c2.1-.1%203.8%201.6%203.8%203.5zm-93.7-3.7h-13c-2.1%200-3.7%201.6-3.7%203.7v81.3c0%202.1%201.6%203.7%203.7%203.7h13c2.1%200%203.7-1.6%203.7-3.7v-81.3c0-1.9-1.6-3.7-3.7-3.7m-31.4%2068.1h-35.6v-64.4c0-2.1-1.6-3.7-3.7-3.7h-13c-2.1%200-3.7%201.6-3.7%203.7v81.3c0%201%20.3%201.8%201%202.5c.7.6%201.5%201%202.5%201h52.2c2.1%200%203.7-1.6%203.7-3.7v-13c0-1.9-1.6-3.7-3.5-3.7zm193.7-68.1h-52.3c-1.9%200-3.7%201.6-3.7%203.7v81.3c0%201.9%201.6%203.7%203.7%203.7h52.2c2.1%200%203.7-1.6%203.7-3.7V329c0-2.1-1.6-3.7-3.7-3.7H408v-13.6h35.5c2.1%200%203.7-1.6%203.7-3.7v-13.1c0-2.1-1.6-3.7-3.7-3.7H408v-13.7h35.5c2.1%200%203.7-1.6%203.7-3.7v-13c-.1-1.9-1.7-3.7-3.7-3.7zM576%20157.4v326c-.1%2051.2-42.1%2092.7-93.4%2092.6h-326c-51.2-.1-92.7-42.2-92.6-93.4v-326c.1-51.2%2042.2-92.7%2093.4-92.6h326c51.2.1%2092.7%2042.1%2092.6%2093.4m-70.4%20140.1c0-83.4-83.7-151.3-186.4-151.3s-186.4%2067.9-186.4%20151.3c0%2074.7%2066.3%20137.4%20155.9%20149.3c21.8%204.7%2019.3%2012.7%2014.4%2042.1c-.8%204.7-3.8%2018.4%2016.1%2010.1s107.3-63.2%20146.5-108.2c27-29.7%2039.9-59.8%2039.9-93.1z%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%22M375%20260.8v81.3c0%202.1-1.6%203.7-3.7%203.7h-13c-1.3%200-2.4-.7-3-1.5L318%20294v48.2c0%202.1-1.6%203.7-3.7%203.7h-13c-2.1%200-3.7-1.6-3.7-3.7v-81.3c0-2.1%201.6-3.7%203.7-3.7h12.9c1.1%200%202.4.6%203%201.6l37.3%2050.3v-48.2c0-2.1%201.6-3.7%203.7-3.7h13c2.1-.1%203.8%201.6%203.8%203.5zm-93.7-3.7h-13c-2.1%200-3.7%201.6-3.7%203.7v81.3c0%202.1%201.6%203.7%203.7%203.7h13c2.1%200%203.7-1.6%203.7-3.7v-81.3c0-1.9-1.6-3.7-3.7-3.7m-31.4%2068.1h-35.6v-64.4c0-2.1-1.6-3.7-3.7-3.7h-13c-2.1%200-3.7%201.6-3.7%203.7v81.3c0%201%20.3%201.8%201%202.5c.7.6%201.5%201%202.5%201h52.2c2.1%200%203.7-1.6%203.7-3.7v-13c0-1.9-1.6-3.7-3.5-3.7zm193.7-68.1h-52.3c-1.9%200-3.7%201.6-3.7%203.7v81.3c0%201.9%201.6%203.7%203.7%203.7h52.2c2.1%200%203.7-1.6%203.7-3.7V329c0-2.1-1.6-3.7-3.7-3.7H408v-13.6h35.5c2.1%200%203.7-1.6%203.7-3.7v-13.1c0-2.1-1.6-3.7-3.7-3.7H408v-13.7h35.5c2.1%200%203.7-1.6%203.7-3.7v-13c-.1-1.9-1.7-3.7-3.7-3.7zM576%20157.4v326c-.1%2051.2-42.1%2092.7-93.4%2092.6h-326c-51.2-.1-92.7-42.2-92.6-93.4v-326c.1-51.2%2042.2-92.7%2093.4-92.6h326c51.2.1%2092.7%2042.1%2092.6%2093.4m-70.4%20140.1c0-83.4-83.7-151.3-186.4-151.3s-186.4%2067.9-186.4%20151.3c0%2074.7%2066.3%20137.4%20155.9%20149.3c21.8%204.7%2019.3%2012.7%2014.4%2042.1c-.8%204.7-3.8%2018.4%2016.1%2010.1s107.3-63.2%20146.5-108.2c27-29.7%2039.9-59.8%2039.9-93.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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