line logo
line from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- line
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Viewbox
- 512×512
- License
- CC BY 4.0
The same logo in other sets
line-outlinedAnt Design IconslineBootstrap IconslineCoreUI BrandslineFont Awesome Brandsline-20-filledFluent UI System IconslineHuge IconslineJam IconslineLine AwesomelineMage Iconsline-fillMingCute Iconline-fillRemix IconlineSimple IconslineTabler Iconsline-outlineTeenyiconslineUniconslineUnicons Monochrome
Use the line logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M311 196.8v81.3c0 2.1-1.6 3.7-3.7 3.7h-13c-1.3 0-2.4-.7-3-1.5L254 230v48.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.7V265c0-2.1-1.6-3.7-3.7-3.7H344v-13.6h35.5c2.1 0 3.7-1.6 3.7-3.7v-13.1c0-2.1-1.6-3.7-3.7-3.7H344v-13.7h35.5c2.1 0 3.7-1.6 3.7-3.7v-13c-.1-1.9-1.7-3.7-3.7-3.7zM512 93.4v326c-.1 51.2-42.1 92.7-93.4 92.6h-326C41.4 511.9-.1 469.8 0 418.6v-326C.1 41.4 42.2-.1 93.4 0h326c51.2.1 92.7 42.1 92.6 93.4m-70.4 140.1c0-83.4-83.7-151.3-186.4-151.3S68.8 150.1 68.8 233.5c0 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 Fa6BrandsLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M311 196.8v81.3c0 2.1-1.6 3.7-3.7 3.7h-13c-1.3 0-2.4-.7-3-1.5L254 230v48.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.7V265c0-2.1-1.6-3.7-3.7-3.7H344v-13.6h35.5c2.1 0 3.7-1.6 3.7-3.7v-13.1c0-2.1-1.6-3.7-3.7-3.7H344v-13.7h35.5c2.1 0 3.7-1.6 3.7-3.7v-13c-.1-1.9-1.7-3.7-3.7-3.7zM512 93.4v326c-.1 51.2-42.1 92.7-93.4 92.6h-326C41.4 511.9-.1 469.8 0 418.6v-326C.1 41.4 42.2-.1 93.4 0h326c51.2.1 92.7 42.1 92.6 93.4m-70.4 140.1c0-83.4-83.7-151.3-186.4-151.3S68.8 150.1 68.8 233.5c0 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 512 512"><path fill="currentColor" d="M311 196.8v81.3c0 2.1-1.6 3.7-3.7 3.7h-13c-1.3 0-2.4-.7-3-1.5L254 230v48.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.7V265c0-2.1-1.6-3.7-3.7-3.7H344v-13.6h35.5c2.1 0 3.7-1.6 3.7-3.7v-13.1c0-2.1-1.6-3.7-3.7-3.7H344v-13.7h35.5c2.1 0 3.7-1.6 3.7-3.7v-13c-.1-1.9-1.7-3.7-3.7-3.7zM512 93.4v326c-.1 51.2-42.1 92.7-93.4 92.6h-326C41.4 511.9-.1 469.8 0 418.6v-326C.1 41.4 42.2-.1 93.4 0h326c51.2.1 92.7 42.1 92.6 93.4m-70.4 140.1c0-83.4-83.7-151.3-186.4-151.3S68.8 150.1 68.8 233.5c0 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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M311%20196.8v81.3c0%202.1-1.6%203.7-3.7%203.7h-13c-1.3%200-2.4-.7-3-1.5L254%20230v48.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.7V265c0-2.1-1.6-3.7-3.7-3.7H344v-13.6h35.5c2.1%200%203.7-1.6%203.7-3.7v-13.1c0-2.1-1.6-3.7-3.7-3.7H344v-13.7h35.5c2.1%200%203.7-1.6%203.7-3.7v-13c-.1-1.9-1.7-3.7-3.7-3.7zM512%2093.4v326c-.1%2051.2-42.1%2092.7-93.4%2092.6h-326C41.4%20511.9-.1%20469.8%200%20418.6v-326C.1%2041.4%2042.2-.1%2093.4%200h326c51.2.1%2092.7%2042.1%2092.6%2093.4m-70.4%20140.1c0-83.4-83.7-151.3-186.4-151.3S68.8%20150.1%2068.8%20233.5c0%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M311%20196.8v81.3c0%202.1-1.6%203.7-3.7%203.7h-13c-1.3%200-2.4-.7-3-1.5L254%20230v48.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.7V265c0-2.1-1.6-3.7-3.7-3.7H344v-13.6h35.5c2.1%200%203.7-1.6%203.7-3.7v-13.1c0-2.1-1.6-3.7-3.7-3.7H344v-13.7h35.5c2.1%200%203.7-1.6%203.7-3.7v-13c-.1-1.9-1.7-3.7-3.7-3.7zM512%2093.4v326c-.1%2051.2-42.1%2092.7-93.4%2092.6h-326C41.4%20511.9-.1%20469.8%200%20418.6v-326C.1%2041.4%2042.2-.1%2093.4%200h326c51.2.1%2092.7%2042.1%2092.6%2093.4m-70.4%20140.1c0-83.4-83.7-151.3-186.4-151.3S68.8%20150.1%2068.8%20233.5c0%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/fa6-brands/line.svg?color=%231a73e8&size=48
