linkedin icon logo

linkedin-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
linkedin-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the linkedin icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0a66c2" d="M218.123 218.127h-37.931v-59.403c0-14.165-.253-32.4-19.728-32.4c-19.756 0-22.779 15.434-22.779 31.369v60.43h-37.93V95.967h36.413v16.694h.51a39.91 39.91 0 0 1 35.928-19.733c38.445 0 45.533 25.288 45.533 58.186zM56.955 79.27c-12.157.002-22.014-9.852-22.016-22.009s9.851-22.014 22.008-22.016c12.157-.003 22.014 9.851 22.016 22.008A22.013 22.013 0 0 1 56.955 79.27m18.966 138.858H37.95V95.967h37.97zM237.033.018H18.89C8.58-.098.125 8.161-.001 18.471v219.053c.122 10.315 8.576 18.582 18.89 18.474h218.144c10.336.128 18.823-8.139 18.966-18.474V18.454c-.147-10.33-8.635-18.588-18.966-18.453"/></svg>

React

import type { SVGProps } from "react";

export function LogosLinkedinIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0a66c2" d="M218.123 218.127h-37.931v-59.403c0-14.165-.253-32.4-19.728-32.4c-19.756 0-22.779 15.434-22.779 31.369v60.43h-37.93V95.967h36.413v16.694h.51a39.91 39.91 0 0 1 35.928-19.733c38.445 0 45.533 25.288 45.533 58.186zM56.955 79.27c-12.157.002-22.014-9.852-22.016-22.009s9.851-22.014 22.008-22.016c12.157-.003 22.014 9.851 22.016 22.008A22.013 22.013 0 0 1 56.955 79.27m18.966 138.858H37.95V95.967h37.97zM237.033.018H18.89C8.58-.098.125 8.161-.001 18.471v219.053c.122 10.315 8.576 18.582 18.89 18.474h218.144c10.336.128 18.823-8.139 18.966-18.474V18.454c-.147-10.33-8.635-18.588-18.966-18.453"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0a66c2" d="M218.123 218.127h-37.931v-59.403c0-14.165-.253-32.4-19.728-32.4c-19.756 0-22.779 15.434-22.779 31.369v60.43h-37.93V95.967h36.413v16.694h.51a39.91 39.91 0 0 1 35.928-19.733c38.445 0 45.533 25.288 45.533 58.186zM56.955 79.27c-12.157.002-22.014-9.852-22.016-22.009s9.851-22.014 22.008-22.016c12.157-.003 22.014 9.851 22.016 22.008A22.013 22.013 0 0 1 56.955 79.27m18.966 138.858H37.95V95.967h37.97zM237.033.018H18.89C8.58-.098.125 8.161-.001 18.471v219.053c.122 10.315 8.576 18.582 18.89 18.474h218.144c10.336.128 18.823-8.139 18.966-18.474V18.454c-.147-10.33-8.635-18.588-18.966-18.453"/></svg>
</template>

CSS

.icon-linkedin-icon {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%230a66c2%22%20d%3D%22M218.123%20218.127h-37.931v-59.403c0-14.165-.253-32.4-19.728-32.4c-19.756%200-22.779%2015.434-22.779%2031.369v60.43h-37.93V95.967h36.413v16.694h.51a39.91%2039.91%200%200%201%2035.928-19.733c38.445%200%2045.533%2025.288%2045.533%2058.186zM56.955%2079.27c-12.157.002-22.014-9.852-22.016-22.009s9.851-22.014%2022.008-22.016c12.157-.003%2022.014%209.851%2022.016%2022.008A22.013%2022.013%200%200%201%2056.955%2079.27m18.966%20138.858H37.95V95.967h37.97zM237.033.018H18.89C8.58-.098.125%208.161-.001%2018.471v219.053c.122%2010.315%208.576%2018.582%2018.89%2018.474h218.144c10.336.128%2018.823-8.139%2018.966-18.474V18.454c-.147-10.33-8.635-18.588-18.966-18.453%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%20256%20256%22%3E%3Cpath%20fill%3D%22%230a66c2%22%20d%3D%22M218.123%20218.127h-37.931v-59.403c0-14.165-.253-32.4-19.728-32.4c-19.756%200-22.779%2015.434-22.779%2031.369v60.43h-37.93V95.967h36.413v16.694h.51a39.91%2039.91%200%200%201%2035.928-19.733c38.445%200%2045.533%2025.288%2045.533%2058.186zM56.955%2079.27c-12.157.002-22.014-9.852-22.016-22.009s9.851-22.014%2022.008-22.016c12.157-.003%2022.014%209.851%2022.016%2022.008A22.013%2022.013%200%200%201%2056.955%2079.27m18.966%20138.858H37.95V95.967h37.97zM237.033.018H18.89C8.58-.098.125%208.161-.001%2018.471v219.053c.122%2010.315%208.576%2018.582%2018.89%2018.474h218.144c10.336.128%2018.823-8.139%2018.966-18.474V18.454c-.147-10.33-8.635-18.588-18.966-18.453%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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