linkedin logo

linkedin from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.

Name
linkedin
Set
Skill Icons
Style
Default
Viewbox
256×256
License
MIT

The same logo 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 IconslinkedinOpenMojilinkedinPixelarticonslinkedinPrime Icons

Use the linkedin logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#0a66c2" rx="60"/><path fill="#fff" d="M184.715 217.685h29.27a4 4 0 0 0 4-3.999l.015-61.842c0-32.323-6.965-57.168-44.738-57.168c-14.359-.534-27.9 6.868-35.207 19.228a.32.32 0 0 1-.595-.161V101.66a4 4 0 0 0-4-4h-27.777a4 4 0 0 0-4 4v112.02a4 4 0 0 0 4 4h29.268a4 4 0 0 0 4-4v-55.373c0-15.657 2.97-30.82 22.381-30.82c19.135 0 19.383 17.916 19.383 31.834v54.364a4 4 0 0 0 4 4M38 59.628c0 11.864 9.767 21.626 21.632 21.626c11.862-.001 21.623-9.769 21.623-21.631C81.253 47.761 71.491 38 59.628 38C47.762 38 38 47.763 38 59.627m6.959 158.058h29.307a4 4 0 0 0 4-4V101.66a4 4 0 0 0-4-4H44.959a4 4 0 0 0-4 4v112.025a4 4 0 0 0 4 4"/></g></svg>

React

import type { SVGProps } from "react";

export function SkillIconsLinkedin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#0a66c2" rx="60"/><path fill="#fff" d="M184.715 217.685h29.27a4 4 0 0 0 4-3.999l.015-61.842c0-32.323-6.965-57.168-44.738-57.168c-14.359-.534-27.9 6.868-35.207 19.228a.32.32 0 0 1-.595-.161V101.66a4 4 0 0 0-4-4h-27.777a4 4 0 0 0-4 4v112.02a4 4 0 0 0 4 4h29.268a4 4 0 0 0 4-4v-55.373c0-15.657 2.97-30.82 22.381-30.82c19.135 0 19.383 17.916 19.383 31.834v54.364a4 4 0 0 0 4 4M38 59.628c0 11.864 9.767 21.626 21.632 21.626c11.862-.001 21.623-9.769 21.623-21.631C81.253 47.761 71.491 38 59.628 38C47.762 38 38 47.763 38 59.627m6.959 158.058h29.307a4 4 0 0 0 4-4V101.66a4 4 0 0 0-4-4H44.959a4 4 0 0 0-4 4v112.025a4 4 0 0 0 4 4"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#0a66c2" rx="60"/><path fill="#fff" d="M184.715 217.685h29.27a4 4 0 0 0 4-3.999l.015-61.842c0-32.323-6.965-57.168-44.738-57.168c-14.359-.534-27.9 6.868-35.207 19.228a.32.32 0 0 1-.595-.161V101.66a4 4 0 0 0-4-4h-27.777a4 4 0 0 0-4 4v112.02a4 4 0 0 0 4 4h29.268a4 4 0 0 0 4-4v-55.373c0-15.657 2.97-30.82 22.381-30.82c19.135 0 19.383 17.916 19.383 31.834v54.364a4 4 0 0 0 4 4M38 59.628c0 11.864 9.767 21.626 21.632 21.626c11.862-.001 21.623-9.769 21.623-21.631C81.253 47.761 71.491 38 59.628 38C47.762 38 38 47.763 38 59.627m6.959 158.058h29.307a4 4 0 0 0 4-4V101.66a4 4 0 0 0-4-4H44.959a4 4 0 0 0-4 4v112.025a4 4 0 0 0 4 4"/></g></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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%230a66c2%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M184.715%20217.685h29.27a4%204%200%200%200%204-3.999l.015-61.842c0-32.323-6.965-57.168-44.738-57.168c-14.359-.534-27.9%206.868-35.207%2019.228a.32.32%200%200%201-.595-.161V101.66a4%204%200%200%200-4-4h-27.777a4%204%200%200%200-4%204v112.02a4%204%200%200%200%204%204h29.268a4%204%200%200%200%204-4v-55.373c0-15.657%202.97-30.82%2022.381-30.82c19.135%200%2019.383%2017.916%2019.383%2031.834v54.364a4%204%200%200%200%204%204M38%2059.628c0%2011.864%209.767%2021.626%2021.632%2021.626c11.862-.001%2021.623-9.769%2021.623-21.631C81.253%2047.761%2071.491%2038%2059.628%2038C47.762%2038%2038%2047.763%2038%2059.627m6.959%20158.058h29.307a4%204%200%200%200%204-4V101.66a4%204%200%200%200-4-4H44.959a4%204%200%200%200-4%204v112.025a4%204%200%200%200%204%204%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%230a66c2%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M184.715%20217.685h29.27a4%204%200%200%200%204-3.999l.015-61.842c0-32.323-6.965-57.168-44.738-57.168c-14.359-.534-27.9%206.868-35.207%2019.228a.32.32%200%200%201-.595-.161V101.66a4%204%200%200%200-4-4h-27.777a4%204%200%200%200-4%204v112.02a4%204%200%200%200%204%204h29.268a4%204%200%200%200%204-4v-55.373c0-15.657%202.97-30.82%2022.381-30.82c19.135%200%2019.383%2017.916%2019.383%2031.834v54.364a4%204%200%200%200%204%204M38%2059.628c0%2011.864%209.767%2021.626%2021.632%2021.626c11.862-.001%2021.623-9.769%2021.623-21.631C81.253%2047.761%2071.491%2038%2059.628%2038C47.762%2038%2038%2047.763%2038%2059.627m6.959%20158.058h29.307a4%204%200%200%200%204-4V101.66a4%204%200%200%200-4-4H44.959a4%204%200%200%200-4%204v112.025a4%204%200%200%200%204%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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