line logo
line from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- line
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
line-outlinedAnt Design IconslineBootstrap IconslineFont Awesome 6 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 32 32"><path fill="currentColor" d="M25.817 13.151a.842.842 0 1 1 0 1.683h-2.339v1.5h2.339a.84.84 0 1 1 0 1.678H22.64a.84.84 0 0 1-.837-.839v-6.36c0-.463.375-.843.837-.843h3.183a.842.842 0 0 1-.005 1.682h-2.339v1.5zm-5.134 4.021a.845.845 0 0 1-.844.838a.85.85 0 0 1-.683-.333l-3.255-4.427v3.921a.839.839 0 1 1-1.678 0v-6.36c0-.359.235-.681.573-.796a.8.8 0 0 1 .26-.043c.26 0 .5.141.661.339l3.281 4.437v-3.937c0-.463.375-.843.839-.843s.844.38.844.843zm-7.656 0a.843.843 0 0 1-.844.839a.84.84 0 0 1-.833-.839v-6.36c0-.463.375-.843.839-.843s.839.38.839.843zm-3.287.839H6.557a.846.846 0 0 1-.844-.839v-6.36c0-.463.38-.843.844-.843s.839.38.839.843v5.521H9.74a.839.839 0 1 1 0 1.678M32 13.749C32 6.588 24.817.76 16 .76S0 6.588 0 13.749c0 6.417 5.693 11.792 13.38 12.813c.521.109 1.229.344 1.412.787c.161.4.104 1.02.052 1.443l-.219 1.359c-.063.401-.323 1.579 1.396.86c1.724-.719 9.224-5.437 12.583-9.303C30.901 19.193 32 16.609 32 13.749"/></svg>
React
import type { SVGProps } from "react";
export function CibLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M25.817 13.151a.842.842 0 1 1 0 1.683h-2.339v1.5h2.339a.84.84 0 1 1 0 1.678H22.64a.84.84 0 0 1-.837-.839v-6.36c0-.463.375-.843.837-.843h3.183a.842.842 0 0 1-.005 1.682h-2.339v1.5zm-5.134 4.021a.845.845 0 0 1-.844.838a.85.85 0 0 1-.683-.333l-3.255-4.427v3.921a.839.839 0 1 1-1.678 0v-6.36c0-.359.235-.681.573-.796a.8.8 0 0 1 .26-.043c.26 0 .5.141.661.339l3.281 4.437v-3.937c0-.463.375-.843.839-.843s.844.38.844.843zm-7.656 0a.843.843 0 0 1-.844.839a.84.84 0 0 1-.833-.839v-6.36c0-.463.375-.843.839-.843s.839.38.839.843zm-3.287.839H6.557a.846.846 0 0 1-.844-.839v-6.36c0-.463.38-.843.844-.843s.839.38.839.843v5.521H9.74a.839.839 0 1 1 0 1.678M32 13.749C32 6.588 24.817.76 16 .76S0 6.588 0 13.749c0 6.417 5.693 11.792 13.38 12.813c.521.109 1.229.344 1.412.787c.161.4.104 1.02.052 1.443l-.219 1.359c-.063.401-.323 1.579 1.396.86c1.724-.719 9.224-5.437 12.583-9.303C30.901 19.193 32 16.609 32 13.749"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M25.817 13.151a.842.842 0 1 1 0 1.683h-2.339v1.5h2.339a.84.84 0 1 1 0 1.678H22.64a.84.84 0 0 1-.837-.839v-6.36c0-.463.375-.843.837-.843h3.183a.842.842 0 0 1-.005 1.682h-2.339v1.5zm-5.134 4.021a.845.845 0 0 1-.844.838a.85.85 0 0 1-.683-.333l-3.255-4.427v3.921a.839.839 0 1 1-1.678 0v-6.36c0-.359.235-.681.573-.796a.8.8 0 0 1 .26-.043c.26 0 .5.141.661.339l3.281 4.437v-3.937c0-.463.375-.843.839-.843s.844.38.844.843zm-7.656 0a.843.843 0 0 1-.844.839a.84.84 0 0 1-.833-.839v-6.36c0-.463.375-.843.839-.843s.839.38.839.843zm-3.287.839H6.557a.846.846 0 0 1-.844-.839v-6.36c0-.463.38-.843.844-.843s.839.38.839.843v5.521H9.74a.839.839 0 1 1 0 1.678M32 13.749C32 6.588 24.817.76 16 .76S0 6.588 0 13.749c0 6.417 5.693 11.792 13.38 12.813c.521.109 1.229.344 1.412.787c.161.4.104 1.02.052 1.443l-.219 1.359c-.063.401-.323 1.579 1.396.86c1.724-.719 9.224-5.437 12.583-9.303C30.901 19.193 32 16.609 32 13.749"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.817%2013.151a.842.842%200%201%201%200%201.683h-2.339v1.5h2.339a.84.84%200%201%201%200%201.678H22.64a.84.84%200%200%201-.837-.839v-6.36c0-.463.375-.843.837-.843h3.183a.842.842%200%200%201-.005%201.682h-2.339v1.5zm-5.134%204.021a.845.845%200%200%201-.844.838a.85.85%200%200%201-.683-.333l-3.255-4.427v3.921a.839.839%200%201%201-1.678%200v-6.36c0-.359.235-.681.573-.796a.8.8%200%200%201%20.26-.043c.26%200%20.5.141.661.339l3.281%204.437v-3.937c0-.463.375-.843.839-.843s.844.38.844.843zm-7.656%200a.843.843%200%200%201-.844.839a.84.84%200%200%201-.833-.839v-6.36c0-.463.375-.843.839-.843s.839.38.839.843zm-3.287.839H6.557a.846.846%200%200%201-.844-.839v-6.36c0-.463.38-.843.844-.843s.839.38.839.843v5.521H9.74a.839.839%200%201%201%200%201.678M32%2013.749C32%206.588%2024.817.76%2016%20.76S0%206.588%200%2013.749c0%206.417%205.693%2011.792%2013.38%2012.813c.521.109%201.229.344%201.412.787c.161.4.104%201.02.052%201.443l-.219%201.359c-.063.401-.323%201.579%201.396.86c1.724-.719%209.224-5.437%2012.583-9.303C30.901%2019.193%2032%2016.609%2032%2013.749%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.817%2013.151a.842.842%200%201%201%200%201.683h-2.339v1.5h2.339a.84.84%200%201%201%200%201.678H22.64a.84.84%200%200%201-.837-.839v-6.36c0-.463.375-.843.837-.843h3.183a.842.842%200%200%201-.005%201.682h-2.339v1.5zm-5.134%204.021a.845.845%200%200%201-.844.838a.85.85%200%200%201-.683-.333l-3.255-4.427v3.921a.839.839%200%201%201-1.678%200v-6.36c0-.359.235-.681.573-.796a.8.8%200%200%201%20.26-.043c.26%200%20.5.141.661.339l3.281%204.437v-3.937c0-.463.375-.843.839-.843s.844.38.844.843zm-7.656%200a.843.843%200%200%201-.844.839a.84.84%200%200%201-.833-.839v-6.36c0-.463.375-.843.839-.843s.839.38.839.843zm-3.287.839H6.557a.846.846%200%200%201-.844-.839v-6.36c0-.463.38-.843.844-.843s.839.38.839.843v5.521H9.74a.839.839%200%201%201%200%201.678M32%2013.749C32%206.588%2024.817.76%2016%20.76S0%206.588%200%2013.749c0%206.417%205.693%2011.792%2013.38%2012.813c.521.109%201.229.344%201.412.787c.161.4.104%201.02.052%201.443l-.219%201.359c-.063.401-.323%201.579%201.396.86c1.724-.719%209.224-5.437%2012.583-9.303C30.901%2019.193%2032%2016.609%2032%2013.749%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/line.svg?color=%231a73e8&size=48
