diamond link icon
diamond-link-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- diamond-link-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- License
- MIT
11 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the diamond link icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M19.746 13.167a15.92 15.92 0 0 1 10.432 4.655c6.14 6.141 6.237 16.039.288 22.297l-.287.295l-1.759 1.758a6.25 6.25 0 0 1-8.838-.002L5.83 28.418a6.25 6.25 0 0 1 0-8.838l1.757-1.758a16 16 0 0 1 3.997-2.919a18 18 0 0 0-.441 3.8q-.751.56-1.435 1.24l-1.757 1.758a3.25 3.25 0 0 0 .001 4.596l13.752 13.752a3.25 3.25 0 0 0 4.595 0l1.759-1.756c5.066-5.067 5.066-13.283-.001-18.35a12.94 12.94 0 0 0-9.572-3.79a10.9 10.9 0 0 1 1.261-2.986m-.168-7.338a6.25 6.25 0 0 1 8.838.001l13.752 13.752a6.25 6.25 0 0 1 .001 8.838l-1.758 1.76a16 16 0 0 1-4 2.918c.282-1.25.429-2.524.442-3.8c.5-.372.982-.785 1.437-1.24l1.757-1.758a3.25 3.25 0 0 0 0-4.596L26.295 7.952a3.25 3.25 0 0 0-4.596 0L19.94 9.708c-5.066 5.067-5.066 13.282 0 18.349a12.94 12.94 0 0 0 9.569 3.79a10.9 10.9 0 0 1-1.26 2.985a15.92 15.92 0 0 1-10.43-4.654c-6.238-6.239-6.238-16.354 0-22.592z"/></svg>
React
import type { SVGProps } from "react";
export function FluentDiamondLink48Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M19.746 13.167a15.92 15.92 0 0 1 10.432 4.655c6.14 6.141 6.237 16.039.288 22.297l-.287.295l-1.759 1.758a6.25 6.25 0 0 1-8.838-.002L5.83 28.418a6.25 6.25 0 0 1 0-8.838l1.757-1.758a16 16 0 0 1 3.997-2.919a18 18 0 0 0-.441 3.8q-.751.56-1.435 1.24l-1.757 1.758a3.25 3.25 0 0 0 .001 4.596l13.752 13.752a3.25 3.25 0 0 0 4.595 0l1.759-1.756c5.066-5.067 5.066-13.283-.001-18.35a12.94 12.94 0 0 0-9.572-3.79a10.9 10.9 0 0 1 1.261-2.986m-.168-7.338a6.25 6.25 0 0 1 8.838.001l13.752 13.752a6.25 6.25 0 0 1 .001 8.838l-1.758 1.76a16 16 0 0 1-4 2.918c.282-1.25.429-2.524.442-3.8c.5-.372.982-.785 1.437-1.24l1.757-1.758a3.25 3.25 0 0 0 0-4.596L26.295 7.952a3.25 3.25 0 0 0-4.596 0L19.94 9.708c-5.066 5.067-5.066 13.282 0 18.349a12.94 12.94 0 0 0 9.569 3.79a10.9 10.9 0 0 1-1.26 2.985a15.92 15.92 0 0 1-10.43-4.654c-6.238-6.239-6.238-16.354 0-22.592z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M19.746 13.167a15.92 15.92 0 0 1 10.432 4.655c6.14 6.141 6.237 16.039.288 22.297l-.287.295l-1.759 1.758a6.25 6.25 0 0 1-8.838-.002L5.83 28.418a6.25 6.25 0 0 1 0-8.838l1.757-1.758a16 16 0 0 1 3.997-2.919a18 18 0 0 0-.441 3.8q-.751.56-1.435 1.24l-1.757 1.758a3.25 3.25 0 0 0 .001 4.596l13.752 13.752a3.25 3.25 0 0 0 4.595 0l1.759-1.756c5.066-5.067 5.066-13.283-.001-18.35a12.94 12.94 0 0 0-9.572-3.79a10.9 10.9 0 0 1 1.261-2.986m-.168-7.338a6.25 6.25 0 0 1 8.838.001l13.752 13.752a6.25 6.25 0 0 1 .001 8.838l-1.758 1.76a16 16 0 0 1-4 2.918c.282-1.25.429-2.524.442-3.8c.5-.372.982-.785 1.437-1.24l1.757-1.758a3.25 3.25 0 0 0 0-4.596L26.295 7.952a3.25 3.25 0 0 0-4.596 0L19.94 9.708c-5.066 5.067-5.066 13.282 0 18.349a12.94 12.94 0 0 0 9.569 3.79a10.9 10.9 0 0 1-1.26 2.985a15.92 15.92 0 0 1-10.43-4.654c-6.238-6.239-6.238-16.354 0-22.592z"/></svg> </template>
CSS
.icon-diamond-link-48-filled {
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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.746%2013.167a15.92%2015.92%200%200%201%2010.432%204.655c6.14%206.141%206.237%2016.039.288%2022.297l-.287.295l-1.759%201.758a6.25%206.25%200%200%201-8.838-.002L5.83%2028.418a6.25%206.25%200%200%201%200-8.838l1.757-1.758a16%2016%200%200%201%203.997-2.919a18%2018%200%200%200-.441%203.8q-.751.56-1.435%201.24l-1.757%201.758a3.25%203.25%200%200%200%20.001%204.596l13.752%2013.752a3.25%203.25%200%200%200%204.595%200l1.759-1.756c5.066-5.067%205.066-13.283-.001-18.35a12.94%2012.94%200%200%200-9.572-3.79a10.9%2010.9%200%200%201%201.261-2.986m-.168-7.338a6.25%206.25%200%200%201%208.838.001l13.752%2013.752a6.25%206.25%200%200%201%20.001%208.838l-1.758%201.76a16%2016%200%200%201-4%202.918c.282-1.25.429-2.524.442-3.8c.5-.372.982-.785%201.437-1.24l1.757-1.758a3.25%203.25%200%200%200%200-4.596L26.295%207.952a3.25%203.25%200%200%200-4.596%200L19.94%209.708c-5.066%205.067-5.066%2013.282%200%2018.349a12.94%2012.94%200%200%200%209.569%203.79a10.9%2010.9%200%200%201-1.26%202.985a15.92%2015.92%200%200%201-10.43-4.654c-6.238-6.239-6.238-16.354%200-22.592z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.746%2013.167a15.92%2015.92%200%200%201%2010.432%204.655c6.14%206.141%206.237%2016.039.288%2022.297l-.287.295l-1.759%201.758a6.25%206.25%200%200%201-8.838-.002L5.83%2028.418a6.25%206.25%200%200%201%200-8.838l1.757-1.758a16%2016%200%200%201%203.997-2.919a18%2018%200%200%200-.441%203.8q-.751.56-1.435%201.24l-1.757%201.758a3.25%203.25%200%200%200%20.001%204.596l13.752%2013.752a3.25%203.25%200%200%200%204.595%200l1.759-1.756c5.066-5.067%205.066-13.283-.001-18.35a12.94%2012.94%200%200%200-9.572-3.79a10.9%2010.9%200%200%201%201.261-2.986m-.168-7.338a6.25%206.25%200%200%201%208.838.001l13.752%2013.752a6.25%206.25%200%200%201%20.001%208.838l-1.758%201.76a16%2016%200%200%201-4%202.918c.282-1.25.429-2.524.442-3.8c.5-.372.982-.785%201.437-1.24l1.757-1.758a3.25%203.25%200%200%200%200-4.596L26.295%207.952a3.25%203.25%200%200%200-4.596%200L19.94%209.708c-5.066%205.067-5.066%2013.282%200%2018.349a12.94%2012.94%200%200%200%209.569%203.79a10.9%2010.9%200%200%201-1.26%202.985a15.92%2015.92%200%200%201-10.43-4.654c-6.238-6.239-6.238-16.354%200-22.592z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/diamond-link-48-filled.svg?color=%231a73e8&size=48
