link icon
link-rounded from Material Symbols Light by Google · Rounded · Communicate · Apache-2.0 Free for personal and commercial use.
- Name
- link-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Communicate
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- link-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
link-outlinedAnt Design IconslinkBootstrap IconslinkBoxIcons v2linkCarbonlinkCodiconslinkEmoji One (Colored)linkElement Pluslink-fillEva IconslinkFramework7 IconslinkFont Awesome 6 SolidlinkFont Awesome SolidlinkFeather Iconslink-outlineFlowbite Iconslink-12-filledFluent UI System Iconslink-20Fluent UI System Color IconslinkFluent EmojilinkFluent Emoji FlatlinkFluent Emoji High Contrastlinkcss.gglinkHeroIconslinkHuge IconslinkHumbleiconslinkIconParklinkIconPark Outline
More communicate icons from Material Symbols Light
Use the link icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.077 16.077q-1.692 0-2.884-1.192T3 12t1.193-2.885t2.884-1.193h3.039q.212 0 .356.144t.144.357t-.144.356t-.356.143H7.075q-1.267 0-2.171.904T4 12t.904 2.173t2.17.904h3.042q.212 0 .356.144t.144.357t-.144.356t-.356.143zM9 12.5q-.213 0-.356-.144t-.144-.357t.144-.356T9 11.5h6q.213 0 .356.144t.144.357t-.144.356T15 12.5zm4.885 3.577q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143h3.041q1.267 0 2.171-.904T20 12t-.904-2.173t-2.17-.904h-3.041q-.213 0-.357-.144q-.143-.144-.143-.357t.143-.356t.357-.143h3.038q1.692 0 2.885 1.192T21 12t-1.193 2.885t-2.884 1.193z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightLinkRounded(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.077 16.077q-1.692 0-2.884-1.192T3 12t1.193-2.885t2.884-1.193h3.039q.212 0 .356.144t.144.357t-.144.356t-.356.143H7.075q-1.267 0-2.171.904T4 12t.904 2.173t2.17.904h3.042q.212 0 .356.144t.144.357t-.144.356t-.356.143zM9 12.5q-.213 0-.356-.144t-.144-.357t.144-.356T9 11.5h6q.213 0 .356.144t.144.357t-.144.356T15 12.5zm4.885 3.577q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143h3.041q1.267 0 2.171-.904T20 12t-.904-2.173t-2.17-.904h-3.041q-.213 0-.357-.144q-.143-.144-.143-.357t.143-.356t.357-.143h3.038q1.692 0 2.885 1.192T21 12t-1.193 2.885t-2.884 1.193z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.077 16.077q-1.692 0-2.884-1.192T3 12t1.193-2.885t2.884-1.193h3.039q.212 0 .356.144t.144.357t-.144.356t-.356.143H7.075q-1.267 0-2.171.904T4 12t.904 2.173t2.17.904h3.042q.212 0 .356.144t.144.357t-.144.356t-.356.143zM9 12.5q-.213 0-.356-.144t-.144-.357t.144-.356T9 11.5h6q.213 0 .356.144t.144.357t-.144.356T15 12.5zm4.885 3.577q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143h3.041q1.267 0 2.171-.904T20 12t-.904-2.173t-2.17-.904h-3.041q-.213 0-.357-.144q-.143-.144-.143-.357t.143-.356t.357-.143h3.038q1.692 0 2.885 1.192T21 12t-1.193 2.885t-2.884 1.193z"/></svg> </template>
CSS
.icon-link-rounded {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.077%2016.077q-1.692%200-2.884-1.192T3%2012t1.193-2.885t2.884-1.193h3.039q.212%200%20.356.144t.144.357t-.144.356t-.356.143H7.075q-1.267%200-2.171.904T4%2012t.904%202.173t2.17.904h3.042q.212%200%20.356.144t.144.357t-.144.356t-.356.143zM9%2012.5q-.213%200-.356-.144t-.144-.357t.144-.356T9%2011.5h6q.213%200%20.356.144t.144.357t-.144.356T15%2012.5zm4.885%203.577q-.213%200-.357-.144t-.144-.357t.144-.356t.356-.143h3.041q1.267%200%202.171-.904T20%2012t-.904-2.173t-2.17-.904h-3.041q-.213%200-.357-.144q-.143-.144-.143-.357t.143-.356t.357-.143h3.038q1.692%200%202.885%201.192T21%2012t-1.193%202.885t-2.884%201.193z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.077%2016.077q-1.692%200-2.884-1.192T3%2012t1.193-2.885t2.884-1.193h3.039q.212%200%20.356.144t.144.357t-.144.356t-.356.143H7.075q-1.267%200-2.171.904T4%2012t.904%202.173t2.17.904h3.042q.212%200%20.356.144t.144.357t-.144.356t-.356.143zM9%2012.5q-.213%200-.356-.144t-.144-.357t.144-.356T9%2011.5h6q.213%200%20.356.144t.144.357t-.144.356T15%2012.5zm4.885%203.577q-.213%200-.357-.144t-.144-.357t.144-.356t.356-.143h3.041q1.267%200%202.171-.904T20%2012t-.904-2.173t-2.17-.904h-3.041q-.213%200-.357-.144q-.143-.144-.143-.357t.143-.356t.357-.143h3.038q1.692%200%202.885%201.192T21%2012t-1.193%202.885t-2.884%201.193z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/link-rounded.svg?color=%231a73e8&size=48
