linkedin in logo

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

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

The same logo in other sets

linkedin-inCoreUI Brands linkedin-inFont Awesome 6 Brands linkedin-inLine Awesome

Use the linkedin in logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M196.3 512h-92.9V212.9h92.9zm-46.5-339.9c-29.7 0-53.8-24.6-53.8-54.3c0-14.3 5.7-27.9 15.8-38s23.8-15.8 38-15.8s27.9 5.7 38 15.8s15.8 23.8 15.8 38c0 29.7-24.1 54.3-53.8 54.3M543.9 512h-92.7V366.4c0-34.7-.7-79.2-48.3-79.2c-48.3 0-55.7 37.7-55.7 76.7V512h-92.8V212.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3c94 0 111.3 61.9 111.3 142.3V512z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsLinkedinIn(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="M196.3 512h-92.9V212.9h92.9zm-46.5-339.9c-29.7 0-53.8-24.6-53.8-54.3c0-14.3 5.7-27.9 15.8-38s23.8-15.8 38-15.8s27.9 5.7 38 15.8s15.8 23.8 15.8 38c0 29.7-24.1 54.3-53.8 54.3M543.9 512h-92.7V366.4c0-34.7-.7-79.2-48.3-79.2c-48.3 0-55.7 37.7-55.7 76.7V512h-92.8V212.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3c94 0 111.3 61.9 111.3 142.3V512z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M196.3 512h-92.9V212.9h92.9zm-46.5-339.9c-29.7 0-53.8-24.6-53.8-54.3c0-14.3 5.7-27.9 15.8-38s23.8-15.8 38-15.8s27.9 5.7 38 15.8s15.8 23.8 15.8 38c0 29.7-24.1 54.3-53.8 54.3M543.9 512h-92.7V366.4c0-34.7-.7-79.2-48.3-79.2c-48.3 0-55.7 37.7-55.7 76.7V512h-92.8V212.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3c94 0 111.3 61.9 111.3 142.3V512z"/></svg>
</template>

CSS

.icon-linkedin-in {
  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%22M196.3%20512h-92.9V212.9h92.9zm-46.5-339.9c-29.7%200-53.8-24.6-53.8-54.3c0-14.3%205.7-27.9%2015.8-38s23.8-15.8%2038-15.8s27.9%205.7%2038%2015.8s15.8%2023.8%2015.8%2038c0%2029.7-24.1%2054.3-53.8%2054.3M543.9%20512h-92.7V366.4c0-34.7-.7-79.2-48.3-79.2c-48.3%200-55.7%2037.7-55.7%2076.7V512h-92.8V212.9h89.1v40.8h1.3c12.4-23.5%2042.7-48.3%2087.9-48.3c94%200%20111.3%2061.9%20111.3%20142.3V512z%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%22M196.3%20512h-92.9V212.9h92.9zm-46.5-339.9c-29.7%200-53.8-24.6-53.8-54.3c0-14.3%205.7-27.9%2015.8-38s23.8-15.8%2038-15.8s27.9%205.7%2038%2015.8s15.8%2023.8%2015.8%2038c0%2029.7-24.1%2054.3-53.8%2054.3M543.9%20512h-92.7V366.4c0-34.7-.7-79.2-48.3-79.2c-48.3%200-55.7%2037.7-55.7%2076.7V512h-92.8V212.9h89.1v40.8h1.3c12.4-23.5%2042.7-48.3%2087.9-48.3c94%200%20111.3%2061.9%20111.3%20142.3V512z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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