linkedin icon

linkedin-fill from Eva Icons by Akveo · Fill · MIT Free for personal and commercial use.

Name: linkedin-fill
Set: Eva Icons
Style: Fill
Viewbox: 24×24
License: MIT

1 other variant in Eva Icons

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="M15.15 8.4a5.83 5.83 0 0 0-5.85 5.82v5.88a.9.9 0 0 0 .9.9h2.1a.9.9 0 0 0 .9-.9v-5.88a1.94 1.94 0 0 1 2.15-1.93a2 2 0 0 1 1.75 2v5.81a.9.9 0 0 0 .9.9h2.1a.9.9 0 0 0 .9-.9v-5.88a5.83 5.83 0 0 0-5.85-5.82"/><rect width="4.5" height="11.7" x="3" y="9.3" fill="currentColor" rx=".9" ry=".9"/><circle cx="5.25" cy="5.25" r="2.25" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function EvaLinkedinFill(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="M15.15 8.4a5.83 5.83 0 0 0-5.85 5.82v5.88a.9.9 0 0 0 .9.9h2.1a.9.9 0 0 0 .9-.9v-5.88a1.94 1.94 0 0 1 2.15-1.93a2 2 0 0 1 1.75 2v5.81a.9.9 0 0 0 .9.9h2.1a.9.9 0 0 0 .9-.9v-5.88a5.83 5.83 0 0 0-5.85-5.82"/><rect width="4.5" height="11.7" x="3" y="9.3" fill="currentColor" rx=".9" ry=".9"/><circle cx="5.25" cy="5.25" r="2.25" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.15 8.4a5.83 5.83 0 0 0-5.85 5.82v5.88a.9.9 0 0 0 .9.9h2.1a.9.9 0 0 0 .9-.9v-5.88a1.94 1.94 0 0 1 2.15-1.93a2 2 0 0 1 1.75 2v5.81a.9.9 0 0 0 .9.9h2.1a.9.9 0 0 0 .9-.9v-5.88a5.83 5.83 0 0 0-5.85-5.82"/><rect width="4.5" height="11.7" x="3" y="9.3" fill="currentColor" rx=".9" ry=".9"/><circle cx="5.25" cy="5.25" r="2.25" fill="currentColor"/></svg>
</template>

CSS

.icon-linkedin-fill {
  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%22M15.15%208.4a5.83%205.83%200%200%200-5.85%205.82v5.88a.9.9%200%200%200%20.9.9h2.1a.9.9%200%200%200%20.9-.9v-5.88a1.94%201.94%200%200%201%202.15-1.93a2%202%200%200%201%201.75%202v5.81a.9.9%200%200%200%20.9.9h2.1a.9.9%200%200%200%20.9-.9v-5.88a5.83%205.83%200%200%200-5.85-5.82%22%2F%3E%3Crect%20width%3D%224.5%22%20height%3D%2211.7%22%20x%3D%223%22%20y%3D%229.3%22%20fill%3D%22currentColor%22%20rx%3D%22.9%22%20ry%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%225.25%22%20cy%3D%225.25%22%20r%3D%222.25%22%20fill%3D%22currentColor%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%22M15.15%208.4a5.83%205.83%200%200%200-5.85%205.82v5.88a.9.9%200%200%200%20.9.9h2.1a.9.9%200%200%200%20.9-.9v-5.88a1.94%201.94%200%200%201%202.15-1.93a2%202%200%200%201%201.75%202v5.81a.9.9%200%200%200%20.9.9h2.1a.9.9%200%200%200%20.9-.9v-5.88a5.83%205.83%200%200%200-5.85-5.82%22%2F%3E%3Crect%20width%3D%224.5%22%20height%3D%2211.7%22%20x%3D%223%22%20y%3D%229.3%22%20fill%3D%22currentColor%22%20rx%3D%22.9%22%20ry%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%225.25%22%20cy%3D%225.25%22%20r%3D%222.25%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

linkedin icon

1 other variant in Eva Icons

The same icon in other sets

Use the linkedin icon

SVG

React

Vue

CSS