linkedin logo

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

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

The same logo in other sets

linkedin-fillAkar Iconslinkedin-filledAnt Design IconslinkedinBootstrap IconslinkedinBoxicons BrandslinkedinCoreUI BrandslinkedinDeviconlinkedin-fillEva IconslinkedinFont Awesome 6 BrandslinkedinFeather Iconslinkedin-solidFlowbite IconslinkedinIconoirlinkedinJam IconslinkedinLine AwesomelinkedinMaterial Line IconslinkedinSVG LogoslinkedinLucidelinkedinMage IconslinkedinMaterial Design Iconslinkedin-fillMingCute IconlinkedinMyna UI IconslinkedinOpenMojilinkedinPixelarticonslinkedinPrime Iconslinkedin-fillRemix Icon

Related icons in Font Awesome Brands

linkedin-in

Use the linkedin logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M512 96H127.9C110.3 96 96 110.5 96 128.3v383.4c0 17.8 14.3 32.3 31.9 32.3H512c17.6 0 32-14.5 32-32.3V128.3c0-17.8-14.4-32.3-32-32.3M231.4 480H165V266.2h66.5V480zm-33.2-320c21.3 0 38.5 17.2 38.5 38.5S219.5 237 198.2 237s-38.5-17.2-38.5-38.5s17.2-38.5 38.5-38.5m282.1 320h-66.4V376c0-24.8-.5-56.7-34.5-56.7c-34.6 0-39.9 27-39.9 54.9V480h-66.4V266.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5c67.2 0 79.7 44.3 79.7 101.9z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsLinkedin(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="M512 96H127.9C110.3 96 96 110.5 96 128.3v383.4c0 17.8 14.3 32.3 31.9 32.3H512c17.6 0 32-14.5 32-32.3V128.3c0-17.8-14.4-32.3-32-32.3M231.4 480H165V266.2h66.5V480zm-33.2-320c21.3 0 38.5 17.2 38.5 38.5S219.5 237 198.2 237s-38.5-17.2-38.5-38.5s17.2-38.5 38.5-38.5m282.1 320h-66.4V376c0-24.8-.5-56.7-34.5-56.7c-34.6 0-39.9 27-39.9 54.9V480h-66.4V266.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5c67.2 0 79.7 44.3 79.7 101.9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M512 96H127.9C110.3 96 96 110.5 96 128.3v383.4c0 17.8 14.3 32.3 31.9 32.3H512c17.6 0 32-14.5 32-32.3V128.3c0-17.8-14.4-32.3-32-32.3M231.4 480H165V266.2h66.5V480zm-33.2-320c21.3 0 38.5 17.2 38.5 38.5S219.5 237 198.2 237s-38.5-17.2-38.5-38.5s17.2-38.5 38.5-38.5m282.1 320h-66.4V376c0-24.8-.5-56.7-34.5-56.7c-34.6 0-39.9 27-39.9 54.9V480h-66.4V266.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5c67.2 0 79.7 44.3 79.7 101.9z"/></svg>
</template>

CSS

.icon-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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%2096H127.9C110.3%2096%2096%20110.5%2096%20128.3v383.4c0%2017.8%2014.3%2032.3%2031.9%2032.3H512c17.6%200%2032-14.5%2032-32.3V128.3c0-17.8-14.4-32.3-32-32.3M231.4%20480H165V266.2h66.5V480zm-33.2-320c21.3%200%2038.5%2017.2%2038.5%2038.5S219.5%20237%20198.2%20237s-38.5-17.2-38.5-38.5s17.2-38.5%2038.5-38.5m282.1%20320h-66.4V376c0-24.8-.5-56.7-34.5-56.7c-34.6%200-39.9%2027-39.9%2054.9V480h-66.4V266.2h63.7v29.2h.9c8.9-16.8%2030.6-34.5%2062.9-34.5c67.2%200%2079.7%2044.3%2079.7%20101.9z%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%22M512%2096H127.9C110.3%2096%2096%20110.5%2096%20128.3v383.4c0%2017.8%2014.3%2032.3%2031.9%2032.3H512c17.6%200%2032-14.5%2032-32.3V128.3c0-17.8-14.4-32.3-32-32.3M231.4%20480H165V266.2h66.5V480zm-33.2-320c21.3%200%2038.5%2017.2%2038.5%2038.5S219.5%20237%20198.2%20237s-38.5-17.2-38.5-38.5s17.2-38.5%2038.5-38.5m282.1%20320h-66.4V376c0-24.8-.5-56.7-34.5-56.7c-34.6%200-39.9%2027-39.9%2054.9V480h-66.4V266.2h63.7v29.2h.9c8.9-16.8%2030.6-34.5%2062.9-34.5c67.2%200%2079.7%2044.3%2079.7%20101.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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