link box variant icon

link-box-variant-outline from Material Design Icons by Pictogrammers · Outline · Apache-2.0 Free for personal and commercial use.

Name
link-box-variant-outline
Set
Material Design Icons
Style
Outline
Viewbox
24×24
License
Apache 2.0

1 other variant in Material Design Icons

link-box-variant

Related icons in Material Design Icons

link-boxlink-circlelink-editlink-locklink-offlink-pluslink-variantlink-variant-minuslink-variant-offlink-variant-pluslink-variant-remove

Use the link box variant icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 16H5V5h14zm-5.06-8.94c.63.64.98 1.48.98 2.38s-.35 1.74-.98 2.37L11.73 17c-.65.67-1.51 1-2.37 1S7.64 17.67 7 17c-1.33-1.29-1.33-3.42 0-4.74l1.35-1.36l-.01.6c-.01.5.07 1 .23 1.44l.05.15l-.4.41a1.597 1.597 0 0 0 0 2.28c.61.62 1.67.62 2.28 0l2.2-2.19c.3-.31.48-.72.48-1.15c0-.44-.18-.83-.48-1.14a.87.87 0 0 1 0-1.24c.33-.33.91-.32 1.24 0m4.06-.7c0 .9-.35 1.74-1 2.38l-1.34 1.36v-.6c.01-.5-.07-1-.23-1.44l-.05-.14l.4-.42a1.597 1.597 0 0 0 0-2.28c-.61-.62-1.68-.61-2.28 0l-2.2 2.2c-.3.3-.48.71-.48 1.14c0 .44.18.83.48 1.14c.17.16.26.38.26.62s-.09.46-.26.62a.86.86 0 0 1-.62.25c-.22 0-.45-.08-.62-.25a3.36 3.36 0 0 1 0-4.75L12.27 7A3.31 3.31 0 0 1 17 7c.65.62 1 1.46 1 2.36"/></svg>

React

import type { SVGProps } from "react";

export function MdiLinkBoxVariantOutline(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="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 16H5V5h14zm-5.06-8.94c.63.64.98 1.48.98 2.38s-.35 1.74-.98 2.37L11.73 17c-.65.67-1.51 1-2.37 1S7.64 17.67 7 17c-1.33-1.29-1.33-3.42 0-4.74l1.35-1.36l-.01.6c-.01.5.07 1 .23 1.44l.05.15l-.4.41a1.597 1.597 0 0 0 0 2.28c.61.62 1.67.62 2.28 0l2.2-2.19c.3-.31.48-.72.48-1.15c0-.44-.18-.83-.48-1.14a.87.87 0 0 1 0-1.24c.33-.33.91-.32 1.24 0m4.06-.7c0 .9-.35 1.74-1 2.38l-1.34 1.36v-.6c.01-.5-.07-1-.23-1.44l-.05-.14l.4-.42a1.597 1.597 0 0 0 0-2.28c-.61-.62-1.68-.61-2.28 0l-2.2 2.2c-.3.3-.48.71-.48 1.14c0 .44.18.83.48 1.14c.17.16.26.38.26.62s-.09.46-.26.62a.86.86 0 0 1-.62.25c-.22 0-.45-.08-.62-.25a3.36 3.36 0 0 1 0-4.75L12.27 7A3.31 3.31 0 0 1 17 7c.65.62 1 1.46 1 2.36"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 16H5V5h14zm-5.06-8.94c.63.64.98 1.48.98 2.38s-.35 1.74-.98 2.37L11.73 17c-.65.67-1.51 1-2.37 1S7.64 17.67 7 17c-1.33-1.29-1.33-3.42 0-4.74l1.35-1.36l-.01.6c-.01.5.07 1 .23 1.44l.05.15l-.4.41a1.597 1.597 0 0 0 0 2.28c.61.62 1.67.62 2.28 0l2.2-2.19c.3-.31.48-.72.48-1.15c0-.44-.18-.83-.48-1.14a.87.87 0 0 1 0-1.24c.33-.33.91-.32 1.24 0m4.06-.7c0 .9-.35 1.74-1 2.38l-1.34 1.36v-.6c.01-.5-.07-1-.23-1.44l-.05-.14l.4-.42a1.597 1.597 0 0 0 0-2.28c-.61-.62-1.68-.61-2.28 0l-2.2 2.2c-.3.3-.48.71-.48 1.14c0 .44.18.83.48 1.14c.17.16.26.38.26.62s-.09.46-.26.62a.86.86 0 0 1-.62.25c-.22 0-.45-.08-.62-.25a3.36 3.36 0 0 1 0-4.75L12.27 7A3.31 3.31 0 0 1 17 7c.65.62 1 1.46 1 2.36"/></svg>
</template>

CSS

.icon-link-box-variant-outline {
  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%22M19%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V5a2%202%200%200%200-2-2m0%2016H5V5h14zm-5.06-8.94c.63.64.98%201.48.98%202.38s-.35%201.74-.98%202.37L11.73%2017c-.65.67-1.51%201-2.37%201S7.64%2017.67%207%2017c-1.33-1.29-1.33-3.42%200-4.74l1.35-1.36l-.01.6c-.01.5.07%201%20.23%201.44l.05.15l-.4.41a1.597%201.597%200%200%200%200%202.28c.61.62%201.67.62%202.28%200l2.2-2.19c.3-.31.48-.72.48-1.15c0-.44-.18-.83-.48-1.14a.87.87%200%200%201%200-1.24c.33-.33.91-.32%201.24%200m4.06-.7c0%20.9-.35%201.74-1%202.38l-1.34%201.36v-.6c.01-.5-.07-1-.23-1.44l-.05-.14l.4-.42a1.597%201.597%200%200%200%200-2.28c-.61-.62-1.68-.61-2.28%200l-2.2%202.2c-.3.3-.48.71-.48%201.14c0%20.44.18.83.48%201.14c.17.16.26.38.26.62s-.09.46-.26.62a.86.86%200%200%201-.62.25c-.22%200-.45-.08-.62-.25a3.36%203.36%200%200%201%200-4.75L12.27%207A3.31%203.31%200%200%201%2017%207c.65.62%201%201.46%201%202.36%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%22M19%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V5a2%202%200%200%200-2-2m0%2016H5V5h14zm-5.06-8.94c.63.64.98%201.48.98%202.38s-.35%201.74-.98%202.37L11.73%2017c-.65.67-1.51%201-2.37%201S7.64%2017.67%207%2017c-1.33-1.29-1.33-3.42%200-4.74l1.35-1.36l-.01.6c-.01.5.07%201%20.23%201.44l.05.15l-.4.41a1.597%201.597%200%200%200%200%202.28c.61.62%201.67.62%202.28%200l2.2-2.19c.3-.31.48-.72.48-1.15c0-.44-.18-.83-.48-1.14a.87.87%200%200%201%200-1.24c.33-.33.91-.32%201.24%200m4.06-.7c0%20.9-.35%201.74-1%202.38l-1.34%201.36v-.6c.01-.5-.07-1-.23-1.44l-.05-.14l.4-.42a1.597%201.597%200%200%200%200-2.28c-.61-.62-1.68-.61-2.28%200l-2.2%202.2c-.3.3-.48.71-.48%201.14c0%20.44.18.83.48%201.14c.17.16.26.38.26.62s-.09.46-.26.62a.86.86%200%200%201-.62.25c-.22%200-.45-.08-.62-.25a3.36%203.36%200%200%201%200-4.75L12.27%207A3.31%203.31%200%200%201%2017%207c.65.62%201%201.46%201%202.36%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/link-box-variant-outline.svg?color=%231a73e8&size=48