Brands icon

LinkedIn JSX Icon

Q: Is the LinkedIn JSX icon free?

Yes. You can copy the LinkedIn JSX component and use it in React and Next.js projects.

Q: Can I customize the LinkedIn icon?

Yes. Edit SVG attributes or pass className, width, height and color props depending on the component.

Copy the LinkedIn icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.

Browse all icons

ComponentLinkedInLogo

FilelinkedinLogo.jsx

CategoryBrands

Copy-ready code

LinkedIn React JSX component

export const LinkedInLogo = ({ width = "40px", height = "40px", color = "#007EBB", ...props }) => (
  <svg {...props} width={width} height={height} viewBox="0 -2 44 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g transform="translate(-702.000000, -265.000000)" fill={color}>
        <path d="M746,305 L736.2754,305 L736.2754,290.9384 C736.2754,287.257796 734.754233,284.74515 731.409219,284.74515 C728.850659,284.74515 727.427799,286.440738 726.765522,288.074854 C726.517168,288.661395 726.555974,289.478453 726.555974,290.295511 L726.555974,305 L716.921919,305 C716.921919,305 717.046096,280.091247 716.921919,277.827047 L726.555974,277.827047 L726.555974,282.091631 C727.125118,280.226996 730.203669,277.565794 735.116416,277.565794 C741.21143,277.565794 746,281.474355 746,289.890824 L746,305 L746,305 Z M707.17921,274.428187 L707.117121,274.428187 C704.0127,274.428187 702,272.350964 702,269.717936 C702,267.033681 704.072201,265 707.238711,265 C710.402634,265 712.348071,267.028559 712.41016,269.710252 C712.41016,272.34328 710.402634,274.428187 707.17921,274.428187 L707.17921,274.428187 L707.17921,274.428187 Z M703.109831,277.827047 L711.685795,277.827047 L711.685795,305 L703.109831,305 L703.109831,277.827047 L703.109831,277.827047 Z" id="LinkedIn"></path>
      </g>
    </g>
  </svg>
);

How to use the LinkedIn icon

import { LinkedInLogo } from "@/assets/icons/linkedinLogo"

export default function Example() {
  return <LinkedInLogo width="32px" height="32px" />
}

Built for the web

Use it in your stack

This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.

ReactNext.jsJSXSVGBrands icons

Looking for a similar mark? Browse the related icons below or explore the full brands collection.

Related JSX icons

.NET

1Password

Accenture

AdGuard

Adidas

Adobe After Effects

Adobe Illustrator

Adobe Photoshop

FAQ

Is the LinkedIn JSX icon free?

Yes. You can copy the JSX component and use it in React and Next.js projects.

Can I customize it?

Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.