logo linkedin icon
logo-linkedin from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- logo-linkedin
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
- Aliases
- logo-linkedin-outline, social-linkedin
The same icon in other sets
Related icons in IonIcons
logo-alipaylogo-amazonlogo-amplifylogo-androidlogo-angularlogo-appflowlogo-applelogo-apple-appstorelogo-apple-arlogo-behancelogo-bitbucketlogo-bitcoinlogo-bufferlogo-capacitorlogo-chromelogo-closed-captioninglogo-codepenlogo-css3logo-designernewslogo-deviantartlogo-discordlogo-dockerlogo-dribbblelogo-dropbox
Use the logo linkedin icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M444.17 32H70.28C49.85 32 32 46.7 32 66.89v374.72C32 461.91 49.85 480 70.28 480h373.78c20.54 0 35.94-18.21 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32m-273.3 373.43h-64.18V205.88h64.18ZM141 175.54h-.46c-20.54 0-33.84-15.29-33.84-34.43c0-19.49 13.65-34.42 34.65-34.42s33.85 14.82 34.31 34.42c-.01 19.14-13.31 34.43-34.66 34.43m264.43 229.89h-64.18V296.32c0-26.14-9.34-44-32.56-44c-17.74 0-28.24 12-32.91 23.69c-1.75 4.2-2.22 9.92-2.22 15.76v113.66h-64.18V205.88h64.18v27.77c9.34-13.3 23.93-32.44 57.88-32.44c42.13 0 74 27.77 74 87.64Z"/></svg>
React
import type { SVGProps } from "react";
export function IonLogoLinkedin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M444.17 32H70.28C49.85 32 32 46.7 32 66.89v374.72C32 461.91 49.85 480 70.28 480h373.78c20.54 0 35.94-18.21 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32m-273.3 373.43h-64.18V205.88h64.18ZM141 175.54h-.46c-20.54 0-33.84-15.29-33.84-34.43c0-19.49 13.65-34.42 34.65-34.42s33.85 14.82 34.31 34.42c-.01 19.14-13.31 34.43-34.66 34.43m264.43 229.89h-64.18V296.32c0-26.14-9.34-44-32.56-44c-17.74 0-28.24 12-32.91 23.69c-1.75 4.2-2.22 9.92-2.22 15.76v113.66h-64.18V205.88h64.18v27.77c9.34-13.3 23.93-32.44 57.88-32.44c42.13 0 74 27.77 74 87.64Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M444.17 32H70.28C49.85 32 32 46.7 32 66.89v374.72C32 461.91 49.85 480 70.28 480h373.78c20.54 0 35.94-18.21 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32m-273.3 373.43h-64.18V205.88h64.18ZM141 175.54h-.46c-20.54 0-33.84-15.29-33.84-34.43c0-19.49 13.65-34.42 34.65-34.42s33.85 14.82 34.31 34.42c-.01 19.14-13.31 34.43-34.66 34.43m264.43 229.89h-64.18V296.32c0-26.14-9.34-44-32.56-44c-17.74 0-28.24 12-32.91 23.69c-1.75 4.2-2.22 9.92-2.22 15.76v113.66h-64.18V205.88h64.18v27.77c9.34-13.3 23.93-32.44 57.88-32.44c42.13 0 74 27.77 74 87.64Z"/></svg> </template>
CSS
.icon-logo-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M444.17%2032H70.28C49.85%2032%2032%2046.7%2032%2066.89v374.72C32%20461.91%2049.85%20480%2070.28%20480h373.78c20.54%200%2035.94-18.21%2035.94-38.39V66.89C480.12%2046.7%20464.6%2032%20444.17%2032m-273.3%20373.43h-64.18V205.88h64.18ZM141%20175.54h-.46c-20.54%200-33.84-15.29-33.84-34.43c0-19.49%2013.65-34.42%2034.65-34.42s33.85%2014.82%2034.31%2034.42c-.01%2019.14-13.31%2034.43-34.66%2034.43m264.43%20229.89h-64.18V296.32c0-26.14-9.34-44-32.56-44c-17.74%200-28.24%2012-32.91%2023.69c-1.75%204.2-2.22%209.92-2.22%2015.76v113.66h-64.18V205.88h64.18v27.77c9.34-13.3%2023.93-32.44%2057.88-32.44c42.13%200%2074%2027.77%2074%2087.64Z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M444.17%2032H70.28C49.85%2032%2032%2046.7%2032%2066.89v374.72C32%20461.91%2049.85%20480%2070.28%20480h373.78c20.54%200%2035.94-18.21%2035.94-38.39V66.89C480.12%2046.7%20464.6%2032%20444.17%2032m-273.3%20373.43h-64.18V205.88h64.18ZM141%20175.54h-.46c-20.54%200-33.84-15.29-33.84-34.43c0-19.49%2013.65-34.42%2034.65-34.42s33.85%2014.82%2034.31%2034.42c-.01%2019.14-13.31%2034.43-34.66%2034.43m264.43%20229.89h-64.18V296.32c0-26.14-9.34-44-32.56-44c-17.74%200-28.24%2012-32.91%2023.69c-1.75%204.2-2.22%209.92-2.22%2015.76v113.66h-64.18V205.88h64.18v27.77c9.34-13.3%2023.93-32.44%2057.88-32.44c42.13%200%2074%2027.77%2074%2087.64Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/logo-linkedin.svg?color=%231a73e8&size=48
