logo linkedin icon
logo-linkedin from Carbon by IBM · Outline · Brand · Apache-2.0 Free for personal and commercial use.
- Name
- logo-linkedin
- Set
- Carbon
- Style
- Outline
- Category
- Brand
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More brand icons from Carbon
beecarboncarbon-for-aemcarbon-for-ibm-dotcomcarbon-for-ibm-productcarbon-for-mobilecarbon-for-salesforcecarbon-ui-buildercloud-appedt-loopibm-cloudibm-partner-plusibm-securitylogo-angularlogo-ansible-communitylogo-astradblogo-blueskylogo-digglogo-discordlogo-facebooklogo-figmalogo-flickrlogo-gitlogo-github
Use the logo linkedin icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26.2 4H5.8C4.8 4 4 4.8 4 5.7v20.5c0 .9.8 1.7 1.8 1.7h20.4c1 0 1.8-.8 1.8-1.7V5.7c0-.9-.8-1.7-1.8-1.7M11.1 24.4H7.6V13h3.5zm-1.7-13c-1.1 0-2.1-.9-2.1-2.1s.9-2.1 2.1-2.1c1.1 0 2.1.9 2.1 2.1s-1 2.1-2.1 2.1m15.1 12.9H21v-5.6c0-1.3 0-3.1-1.9-3.1S17 17.1 17 18.5v5.7h-3.5V13h3.3v1.5h.1c.5-.9 1.7-1.9 3.4-1.9c3.6 0 4.3 2.4 4.3 5.5v6.2z"/></svg>
React
import type { SVGProps } from "react";
export function CarbonLogoLinkedin(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="M26.2 4H5.8C4.8 4 4 4.8 4 5.7v20.5c0 .9.8 1.7 1.8 1.7h20.4c1 0 1.8-.8 1.8-1.7V5.7c0-.9-.8-1.7-1.8-1.7M11.1 24.4H7.6V13h3.5zm-1.7-13c-1.1 0-2.1-.9-2.1-2.1s.9-2.1 2.1-2.1c1.1 0 2.1.9 2.1 2.1s-1 2.1-2.1 2.1m15.1 12.9H21v-5.6c0-1.3 0-3.1-1.9-3.1S17 17.1 17 18.5v5.7h-3.5V13h3.3v1.5h.1c.5-.9 1.7-1.9 3.4-1.9c3.6 0 4.3 2.4 4.3 5.5v6.2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26.2 4H5.8C4.8 4 4 4.8 4 5.7v20.5c0 .9.8 1.7 1.8 1.7h20.4c1 0 1.8-.8 1.8-1.7V5.7c0-.9-.8-1.7-1.8-1.7M11.1 24.4H7.6V13h3.5zm-1.7-13c-1.1 0-2.1-.9-2.1-2.1s.9-2.1 2.1-2.1c1.1 0 2.1.9 2.1 2.1s-1 2.1-2.1 2.1m15.1 12.9H21v-5.6c0-1.3 0-3.1-1.9-3.1S17 17.1 17 18.5v5.7h-3.5V13h3.3v1.5h.1c.5-.9 1.7-1.9 3.4-1.9c3.6 0 4.3 2.4 4.3 5.5v6.2z"/></svg> </template>
CSS
.icon-logo-linkedin {
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%22M26.2%204H5.8C4.8%204%204%204.8%204%205.7v20.5c0%20.9.8%201.7%201.8%201.7h20.4c1%200%201.8-.8%201.8-1.7V5.7c0-.9-.8-1.7-1.8-1.7M11.1%2024.4H7.6V13h3.5zm-1.7-13c-1.1%200-2.1-.9-2.1-2.1s.9-2.1%202.1-2.1c1.1%200%202.1.9%202.1%202.1s-1%202.1-2.1%202.1m15.1%2012.9H21v-5.6c0-1.3%200-3.1-1.9-3.1S17%2017.1%2017%2018.5v5.7h-3.5V13h3.3v1.5h.1c.5-.9%201.7-1.9%203.4-1.9c3.6%200%204.3%202.4%204.3%205.5v6.2z%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%22M26.2%204H5.8C4.8%204%204%204.8%204%205.7v20.5c0%20.9.8%201.7%201.8%201.7h20.4c1%200%201.8-.8%201.8-1.7V5.7c0-.9-.8-1.7-1.8-1.7M11.1%2024.4H7.6V13h3.5zm-1.7-13c-1.1%200-2.1-.9-2.1-2.1s.9-2.1%202.1-2.1c1.1%200%202.1.9%202.1%202.1s-1%202.1-2.1%202.1m15.1%2012.9H21v-5.6c0-1.3%200-3.1-1.9-3.1S17%2017.1%2017%2018.5v5.7h-3.5V13h3.3v1.5h.1c.5-.9%201.7-1.9%203.4-1.9c3.6%200%204.3%202.4%204.3%205.5v6.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/logo-linkedin.svg?color=%231a73e8&size=48
