media link icon
media-link from Material Symbols Light by Google · Regular · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- media-link
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More audio & video icons from Material Symbols Light
Use the media 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.75 18.808l3.673-2.289l-3.673-2.288zm5.558-11.443h3.384v-.884h-3.384zm-9.692 14.54q-.667 0-1.141-.475T2 20.29v-7.54q0-.666.475-1.14q.474-.476 1.14-.476h10.77q.666 0 1.14.475q.475.475.475 1.141v7.539q0 .666-.475 1.14t-1.14.475zm14.269-8.808v-.346q0-1.027-.54-1.866q-.54-.838-1.41-1.269H17q1.122 0 1.907-.783t.785-1.905t-.785-1.908T17 4.231h-.942v.884H17q.753 0 1.28.529t.528 1.284t-.528 1.279T17 8.73h-.942v.885h-.366q-.36 0-.676-.183t-.631-.183h-.443v-.52H13q-.753 0-1.28-.528t-.528-1.283t.527-1.28T13 5.117h.942V4.23H13q-1.122 0-1.907.785t-.785 1.907q0 .743.375 1.351q.375.609.975.976H8V3.712q0-.667.475-1.141t1.14-.475h10.77q.666 0 1.14.475T22 3.71v7.77q0 .666-.475 1.14q-.474.475-1.14.475z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightMediaLink(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.75 18.808l3.673-2.289l-3.673-2.288zm5.558-11.443h3.384v-.884h-3.384zm-9.692 14.54q-.667 0-1.141-.475T2 20.29v-7.54q0-.666.475-1.14q.474-.476 1.14-.476h10.77q.666 0 1.14.475q.475.475.475 1.141v7.539q0 .666-.475 1.14t-1.14.475zm14.269-8.808v-.346q0-1.027-.54-1.866q-.54-.838-1.41-1.269H17q1.122 0 1.907-.783t.785-1.905t-.785-1.908T17 4.231h-.942v.884H17q.753 0 1.28.529t.528 1.284t-.528 1.279T17 8.73h-.942v.885h-.366q-.36 0-.676-.183t-.631-.183h-.443v-.52H13q-.753 0-1.28-.528t-.528-1.283t.527-1.28T13 5.117h.942V4.23H13q-1.122 0-1.907.785t-.785 1.907q0 .743.375 1.351q.375.609.975.976H8V3.712q0-.667.475-1.141t1.14-.475h10.77q.666 0 1.14.475T22 3.71v7.77q0 .666-.475 1.14q-.474.475-1.14.475z"/></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.75 18.808l3.673-2.289l-3.673-2.288zm5.558-11.443h3.384v-.884h-3.384zm-9.692 14.54q-.667 0-1.141-.475T2 20.29v-7.54q0-.666.475-1.14q.474-.476 1.14-.476h10.77q.666 0 1.14.475q.475.475.475 1.141v7.539q0 .666-.475 1.14t-1.14.475zm14.269-8.808v-.346q0-1.027-.54-1.866q-.54-.838-1.41-1.269H17q1.122 0 1.907-.783t.785-1.905t-.785-1.908T17 4.231h-.942v.884H17q.753 0 1.28.529t.528 1.284t-.528 1.279T17 8.73h-.942v.885h-.366q-.36 0-.676-.183t-.631-.183h-.443v-.52H13q-.753 0-1.28-.528t-.528-1.283t.527-1.28T13 5.117h.942V4.23H13q-1.122 0-1.907.785t-.785 1.907q0 .743.375 1.351q.375.609.975.976H8V3.712q0-.667.475-1.141t1.14-.475h10.77q.666 0 1.14.475T22 3.71v7.77q0 .666-.475 1.14q-.474.475-1.14.475z"/></svg> </template>
CSS
.icon-media-link {
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.75%2018.808l3.673-2.289l-3.673-2.288zm5.558-11.443h3.384v-.884h-3.384zm-9.692%2014.54q-.667%200-1.141-.475T2%2020.29v-7.54q0-.666.475-1.14q.474-.476%201.14-.476h10.77q.666%200%201.14.475q.475.475.475%201.141v7.539q0%20.666-.475%201.14t-1.14.475zm14.269-8.808v-.346q0-1.027-.54-1.866q-.54-.838-1.41-1.269H17q1.122%200%201.907-.783t.785-1.905t-.785-1.908T17%204.231h-.942v.884H17q.753%200%201.28.529t.528%201.284t-.528%201.279T17%208.73h-.942v.885h-.366q-.36%200-.676-.183t-.631-.183h-.443v-.52H13q-.753%200-1.28-.528t-.528-1.283t.527-1.28T13%205.117h.942V4.23H13q-1.122%200-1.907.785t-.785%201.907q0%20.743.375%201.351q.375.609.975.976H8V3.712q0-.667.475-1.141t1.14-.475h10.77q.666%200%201.14.475T22%203.71v7.77q0%20.666-.475%201.14q-.474.475-1.14.475z%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.75%2018.808l3.673-2.289l-3.673-2.288zm5.558-11.443h3.384v-.884h-3.384zm-9.692%2014.54q-.667%200-1.141-.475T2%2020.29v-7.54q0-.666.475-1.14q.474-.476%201.14-.476h10.77q.666%200%201.14.475q.475.475.475%201.141v7.539q0%20.666-.475%201.14t-1.14.475zm14.269-8.808v-.346q0-1.027-.54-1.866q-.54-.838-1.41-1.269H17q1.122%200%201.907-.783t.785-1.905t-.785-1.908T17%204.231h-.942v.884H17q.753%200%201.28.529t.528%201.284t-.528%201.279T17%208.73h-.942v.885h-.366q-.36%200-.676-.183t-.631-.183h-.443v-.52H13q-.753%200-1.28-.528t-.528-1.283t.527-1.28T13%205.117h.942V4.23H13q-1.122%200-1.907.785t-.785%201.907q0%20.743.375%201.351q.375.609.975.976H8V3.712q0-.667.475-1.141t1.14-.475h10.77q.666%200%201.14.475T22%203.71v7.77q0%20.666-.475%201.14q-.474.475-1.14.475z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/media-link.svg?color=%231a73e8&size=48
