linkedin icon

linkedin from Prime Icons by PrimeTek · Regular · MIT Free for personal and commercial use.

Name
linkedin
Set
Prime Icons
Style
Regular
Viewbox
24×24
License
MIT

The same icon in other sets

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

Use the linkedin icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.72 4H5.37A1.31 1.31 0 0 0 4 5.25v13.38A1.41 1.41 0 0 0 5.37 20h13.35A1.34 1.34 0 0 0 20 18.63V5.25A1.23 1.23 0 0 0 18.72 4M9 17.34H6.67v-7.13H9ZM7.89 9.13A1.18 1.18 0 0 1 6.67 7.9a1.18 1.18 0 0 1 1.24-1.23A1.18 1.18 0 0 1 9.13 7.9a1.18 1.18 0 0 1-1.24 1.23m9.45 8.21H15v-3.9c0-.93-.33-1.57-1.16-1.57a1.25 1.25 0 0 0-1.17.84a1.4 1.4 0 0 0-.08.57v4.06h-2.3v-7.13h2.3v1a2.32 2.32 0 0 1 2.1-1.21c1.51 0 2.65 1 2.65 3.13Z"/></svg>

React

import type { SVGProps } from "react";

export function PrimeLinkedin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.72 4H5.37A1.31 1.31 0 0 0 4 5.25v13.38A1.41 1.41 0 0 0 5.37 20h13.35A1.34 1.34 0 0 0 20 18.63V5.25A1.23 1.23 0 0 0 18.72 4M9 17.34H6.67v-7.13H9ZM7.89 9.13A1.18 1.18 0 0 1 6.67 7.9a1.18 1.18 0 0 1 1.24-1.23A1.18 1.18 0 0 1 9.13 7.9a1.18 1.18 0 0 1-1.24 1.23m9.45 8.21H15v-3.9c0-.93-.33-1.57-1.16-1.57a1.25 1.25 0 0 0-1.17.84a1.4 1.4 0 0 0-.08.57v4.06h-2.3v-7.13h2.3v1a2.32 2.32 0 0 1 2.1-1.21c1.51 0 2.65 1 2.65 3.13Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.72 4H5.37A1.31 1.31 0 0 0 4 5.25v13.38A1.41 1.41 0 0 0 5.37 20h13.35A1.34 1.34 0 0 0 20 18.63V5.25A1.23 1.23 0 0 0 18.72 4M9 17.34H6.67v-7.13H9ZM7.89 9.13A1.18 1.18 0 0 1 6.67 7.9a1.18 1.18 0 0 1 1.24-1.23A1.18 1.18 0 0 1 9.13 7.9a1.18 1.18 0 0 1-1.24 1.23m9.45 8.21H15v-3.9c0-.93-.33-1.57-1.16-1.57a1.25 1.25 0 0 0-1.17.84a1.4 1.4 0 0 0-.08.57v4.06h-2.3v-7.13h2.3v1a2.32 2.32 0 0 1 2.1-1.21c1.51 0 2.65 1 2.65 3.13Z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.72%204H5.37A1.31%201.31%200%200%200%204%205.25v13.38A1.41%201.41%200%200%200%205.37%2020h13.35A1.34%201.34%200%200%200%2020%2018.63V5.25A1.23%201.23%200%200%200%2018.72%204M9%2017.34H6.67v-7.13H9ZM7.89%209.13A1.18%201.18%200%200%201%206.67%207.9a1.18%201.18%200%200%201%201.24-1.23A1.18%201.18%200%200%201%209.13%207.9a1.18%201.18%200%200%201-1.24%201.23m9.45%208.21H15v-3.9c0-.93-.33-1.57-1.16-1.57a1.25%201.25%200%200%200-1.17.84a1.4%201.4%200%200%200-.08.57v4.06h-2.3v-7.13h2.3v1a2.32%202.32%200%200%201%202.1-1.21c1.51%200%202.65%201%202.65%203.13Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.72%204H5.37A1.31%201.31%200%200%200%204%205.25v13.38A1.41%201.41%200%200%200%205.37%2020h13.35A1.34%201.34%200%200%200%2020%2018.63V5.25A1.23%201.23%200%200%200%2018.72%204M9%2017.34H6.67v-7.13H9ZM7.89%209.13A1.18%201.18%200%200%201%206.67%207.9a1.18%201.18%200%200%201%201.24-1.23A1.18%201.18%200%200%201%209.13%207.9a1.18%201.18%200%200%201-1.24%201.23m9.45%208.21H15v-3.9c0-.93-.33-1.57-1.16-1.57a1.25%201.25%200%200%200-1.17.84a1.4%201.4%200%200%200-.08.57v4.06h-2.3v-7.13h2.3v1a2.32%202.32%200%200%201%202.1-1.21c1.51%200%202.65%201%202.65%203.13Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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