linkedin icon
linkedin-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.
- Name
- linkedin-outlined
- Set
- Ant Design Icons
- Style
- Outlined
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- linkedin, linkedin-outline
1 other variant in Ant Design Icons
The same icon in other sets
linkedin-fillAkar 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 Iconslinkedin-fillRemix Icon
Use the linkedin icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M847.7 112H176.3c-35.5 0-64.3 28.8-64.3 64.3v671.4c0 35.5 28.8 64.3 64.3 64.3h671.4c35.5 0 64.3-28.8 64.3-64.3V176.3c0-35.5-28.8-64.3-64.3-64.3m0 736q-671.7-.15-671.7-.3q.15-671.7.3-671.7q671.7.15 671.7.3q-.15 671.7-.3 671.7M230.6 411.9h118.7v381.8H230.6zm59.4-52.2c37.9 0 68.8-30.8 68.8-68.8a68.8 68.8 0 1 0-137.6 0c-.1 38 30.7 68.8 68.8 68.8m252.3 245.1c0-49.8 9.5-98 71.2-98c60.8 0 61.7 56.9 61.7 101.2v185.7h118.6V584.3c0-102.8-22.2-181.9-142.3-181.9c-57.7 0-96.4 31.7-112.3 61.7h-1.6v-52.2H423.7v381.8h118.6z"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignLinkedinOutlined(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M847.7 112H176.3c-35.5 0-64.3 28.8-64.3 64.3v671.4c0 35.5 28.8 64.3 64.3 64.3h671.4c35.5 0 64.3-28.8 64.3-64.3V176.3c0-35.5-28.8-64.3-64.3-64.3m0 736q-671.7-.15-671.7-.3q.15-671.7.3-671.7q671.7.15 671.7.3q-.15 671.7-.3 671.7M230.6 411.9h118.7v381.8H230.6zm59.4-52.2c37.9 0 68.8-30.8 68.8-68.8a68.8 68.8 0 1 0-137.6 0c-.1 38 30.7 68.8 68.8 68.8m252.3 245.1c0-49.8 9.5-98 71.2-98c60.8 0 61.7 56.9 61.7 101.2v185.7h118.6V584.3c0-102.8-22.2-181.9-142.3-181.9c-57.7 0-96.4 31.7-112.3 61.7h-1.6v-52.2H423.7v381.8h118.6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M847.7 112H176.3c-35.5 0-64.3 28.8-64.3 64.3v671.4c0 35.5 28.8 64.3 64.3 64.3h671.4c35.5 0 64.3-28.8 64.3-64.3V176.3c0-35.5-28.8-64.3-64.3-64.3m0 736q-671.7-.15-671.7-.3q.15-671.7.3-671.7q671.7.15 671.7.3q-.15 671.7-.3 671.7M230.6 411.9h118.7v381.8H230.6zm59.4-52.2c37.9 0 68.8-30.8 68.8-68.8a68.8 68.8 0 1 0-137.6 0c-.1 38 30.7 68.8 68.8 68.8m252.3 245.1c0-49.8 9.5-98 71.2-98c60.8 0 61.7 56.9 61.7 101.2v185.7h118.6V584.3c0-102.8-22.2-181.9-142.3-181.9c-57.7 0-96.4 31.7-112.3 61.7h-1.6v-52.2H423.7v381.8h118.6z"/></svg> </template>
CSS
.icon-linkedin-outlined {
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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M847.7%20112H176.3c-35.5%200-64.3%2028.8-64.3%2064.3v671.4c0%2035.5%2028.8%2064.3%2064.3%2064.3h671.4c35.5%200%2064.3-28.8%2064.3-64.3V176.3c0-35.5-28.8-64.3-64.3-64.3m0%20736q-671.7-.15-671.7-.3q.15-671.7.3-671.7q671.7.15%20671.7.3q-.15%20671.7-.3%20671.7M230.6%20411.9h118.7v381.8H230.6zm59.4-52.2c37.9%200%2068.8-30.8%2068.8-68.8a68.8%2068.8%200%201%200-137.6%200c-.1%2038%2030.7%2068.8%2068.8%2068.8m252.3%20245.1c0-49.8%209.5-98%2071.2-98c60.8%200%2061.7%2056.9%2061.7%20101.2v185.7h118.6V584.3c0-102.8-22.2-181.9-142.3-181.9c-57.7%200-96.4%2031.7-112.3%2061.7h-1.6v-52.2H423.7v381.8h118.6z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M847.7%20112H176.3c-35.5%200-64.3%2028.8-64.3%2064.3v671.4c0%2035.5%2028.8%2064.3%2064.3%2064.3h671.4c35.5%200%2064.3-28.8%2064.3-64.3V176.3c0-35.5-28.8-64.3-64.3-64.3m0%20736q-671.7-.15-671.7-.3q.15-671.7.3-671.7q671.7.15%20671.7.3q-.15%20671.7-.3%20671.7M230.6%20411.9h118.7v381.8H230.6zm59.4-52.2c37.9%200%2068.8-30.8%2068.8-68.8a68.8%2068.8%200%201%200-137.6%200c-.1%2038%2030.7%2068.8%2068.8%2068.8m252.3%20245.1c0-49.8%209.5-98%2071.2-98c60.8%200%2061.7%2056.9%2061.7%20101.2v185.7h118.6V584.3c0-102.8-22.2-181.9-142.3-181.9c-57.7%200-96.4%2031.7-112.3%2061.7h-1.6v-52.2H423.7v381.8h118.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/linkedin-outlined.svg?color=%231a73e8&size=48
