linkedin icon

linkedin from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.

Name
linkedin
Set
Mage Icons
Style
Outline
Viewbox
24×24
License
Apache 2.0

The same icon in other sets

linkedin-fillAkar IconslinkedinBootstrap IconslinkedinBoxicons BrandslinkedinDeviconlinkedin-fillEva IconslinkedinFont Awesome 6 BrandslinkedinFeather IconslinkedinIconoirlinkedinJam IconslinkedinLine AwesomelinkedinMaterial Line IconslinkedinSVG LogoslinkedinLucidelinkedinMaterial Design Iconslinkedin-fillMingCute IconlinkedinOpenMojilinkedinPixelarticonslinkedin-fillRemix IconlinkedinSimple IconslinkedinSkill Iconslinkedin-outlineTeenyiconslinkedinUniconslinkedinUnicons Monochrome

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="M17.303 2.25H6.697A4.447 4.447 0 0 0 2.25 6.697v10.606a4.447 4.447 0 0 0 4.447 4.447h10.606a4.447 4.447 0 0 0 4.447-4.447V6.697a4.447 4.447 0 0 0-4.447-4.447m-8.46 15.742a.4.4 0 0 1-.4.423h-1.78a.41.41 0 0 1-.4-.412V10.6a.4.4 0 0 1 .4-.411h1.78a.4.4 0 0 1 .4.411zM7.52 8.632a1.467 1.467 0 1 1 .022-2.935A1.467 1.467 0 0 1 7.52 8.63m10.817 9.35a.39.39 0 0 1-.378.388H16.08a.39.39 0 0 1-.378-.389v-3.424c0-.511.156-2.223-1.356-2.223c-1.179 0-1.412 1.2-1.457 1.734v3.991a.39.39 0 0 1-.378.39h-1.823a.39.39 0 0 1-.389-.39v-7.493a.39.39 0 0 1 .39-.378h1.822a.39.39 0 0 1 .39.378v.645a2.59 2.59 0 0 1 2.434-1.112c3.035 0 3.024 2.835 3.024 4.447z"/></svg>

React

import type { SVGProps } from "react";

export function MageLinkedin(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="M17.303 2.25H6.697A4.447 4.447 0 0 0 2.25 6.697v10.606a4.447 4.447 0 0 0 4.447 4.447h10.606a4.447 4.447 0 0 0 4.447-4.447V6.697a4.447 4.447 0 0 0-4.447-4.447m-8.46 15.742a.4.4 0 0 1-.4.423h-1.78a.41.41 0 0 1-.4-.412V10.6a.4.4 0 0 1 .4-.411h1.78a.4.4 0 0 1 .4.411zM7.52 8.632a1.467 1.467 0 1 1 .022-2.935A1.467 1.467 0 0 1 7.52 8.63m10.817 9.35a.39.39 0 0 1-.378.388H16.08a.39.39 0 0 1-.378-.389v-3.424c0-.511.156-2.223-1.356-2.223c-1.179 0-1.412 1.2-1.457 1.734v3.991a.39.39 0 0 1-.378.39h-1.823a.39.39 0 0 1-.389-.39v-7.493a.39.39 0 0 1 .39-.378h1.822a.39.39 0 0 1 .39.378v.645a2.59 2.59 0 0 1 2.434-1.112c3.035 0 3.024 2.835 3.024 4.447z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.303 2.25H6.697A4.447 4.447 0 0 0 2.25 6.697v10.606a4.447 4.447 0 0 0 4.447 4.447h10.606a4.447 4.447 0 0 0 4.447-4.447V6.697a4.447 4.447 0 0 0-4.447-4.447m-8.46 15.742a.4.4 0 0 1-.4.423h-1.78a.41.41 0 0 1-.4-.412V10.6a.4.4 0 0 1 .4-.411h1.78a.4.4 0 0 1 .4.411zM7.52 8.632a1.467 1.467 0 1 1 .022-2.935A1.467 1.467 0 0 1 7.52 8.63m10.817 9.35a.39.39 0 0 1-.378.388H16.08a.39.39 0 0 1-.378-.389v-3.424c0-.511.156-2.223-1.356-2.223c-1.179 0-1.412 1.2-1.457 1.734v3.991a.39.39 0 0 1-.378.39h-1.823a.39.39 0 0 1-.389-.39v-7.493a.39.39 0 0 1 .39-.378h1.822a.39.39 0 0 1 .39.378v.645a2.59 2.59 0 0 1 2.434-1.112c3.035 0 3.024 2.835 3.024 4.447z"/></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%22M17.303%202.25H6.697A4.447%204.447%200%200%200%202.25%206.697v10.606a4.447%204.447%200%200%200%204.447%204.447h10.606a4.447%204.447%200%200%200%204.447-4.447V6.697a4.447%204.447%200%200%200-4.447-4.447m-8.46%2015.742a.4.4%200%200%201-.4.423h-1.78a.41.41%200%200%201-.4-.412V10.6a.4.4%200%200%201%20.4-.411h1.78a.4.4%200%200%201%20.4.411zM7.52%208.632a1.467%201.467%200%201%201%20.022-2.935A1.467%201.467%200%200%201%207.52%208.63m10.817%209.35a.39.39%200%200%201-.378.388H16.08a.39.39%200%200%201-.378-.389v-3.424c0-.511.156-2.223-1.356-2.223c-1.179%200-1.412%201.2-1.457%201.734v3.991a.39.39%200%200%201-.378.39h-1.823a.39.39%200%200%201-.389-.39v-7.493a.39.39%200%200%201%20.39-.378h1.822a.39.39%200%200%201%20.39.378v.645a2.59%202.59%200%200%201%202.434-1.112c3.035%200%203.024%202.835%203.024%204.447z%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%22M17.303%202.25H6.697A4.447%204.447%200%200%200%202.25%206.697v10.606a4.447%204.447%200%200%200%204.447%204.447h10.606a4.447%204.447%200%200%200%204.447-4.447V6.697a4.447%204.447%200%200%200-4.447-4.447m-8.46%2015.742a.4.4%200%200%201-.4.423h-1.78a.41.41%200%200%201-.4-.412V10.6a.4.4%200%200%201%20.4-.411h1.78a.4.4%200%200%201%20.4.411zM7.52%208.632a1.467%201.467%200%201%201%20.022-2.935A1.467%201.467%200%200%201%207.52%208.63m10.817%209.35a.39.39%200%200%201-.378.388H16.08a.39.39%200%200%201-.378-.389v-3.424c0-.511.156-2.223-1.356-2.223c-1.179%200-1.412%201.2-1.457%201.734v3.991a.39.39%200%200%201-.378.39h-1.823a.39.39%200%200%201-.389-.39v-7.493a.39.39%200%200%201%20.39-.378h1.822a.39.39%200%200%201%20.39.378v.645a2.59%202.59%200%200%201%202.434-1.112c3.035%200%203.024%202.835%203.024%204.447z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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