relation zero or one to one or many icon

relation-zero-or-one-to-one-or-many from Material Design Icons by Pictogrammers · Filled · Database · Apache-2.0 Free for personal and commercial use.

Name: relation-zero-or-one-to-one-or-many
Set: Material Design Icons
Style: Filled
Category: Database
Viewbox: 24×24
License: Apache 2.0

Use the relation zero or one to one or many icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21 13l-2 2v-2h-2v2h-4V7H9.79a2.5 2.5 0 0 0-4.58 0H5V5H3v2H2v2h1v2h2V9h.21a2.5 2.5 0 0 0 4.58 0H11v8h6v2h2v-2l2 2h1v-6M7.5 9a1 1 0 1 1 1-1a1 1 0 0 1-1 1"/></svg>

React

import type { SVGProps } from "react";

export function MdiRelationZeroOrOneToOneOrMany(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="m21 13l-2 2v-2h-2v2h-4V7H9.79a2.5 2.5 0 0 0-4.58 0H5V5H3v2H2v2h1v2h2V9h.21a2.5 2.5 0 0 0 4.58 0H11v8h6v2h2v-2l2 2h1v-6M7.5 9a1 1 0 1 1 1-1a1 1 0 0 1-1 1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21 13l-2 2v-2h-2v2h-4V7H9.79a2.5 2.5 0 0 0-4.58 0H5V5H3v2H2v2h1v2h2V9h.21a2.5 2.5 0 0 0 4.58 0H11v8h6v2h2v-2l2 2h1v-6M7.5 9a1 1 0 1 1 1-1a1 1 0 0 1-1 1"/></svg>
</template>

CSS

.icon-relation-zero-or-one-to-one-or-many {
  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%22m21%2013l-2%202v-2h-2v2h-4V7H9.79a2.5%202.5%200%200%200-4.58%200H5V5H3v2H2v2h1v2h2V9h.21a2.5%202.5%200%200%200%204.58%200H11v8h6v2h2v-2l2%202h1v-6M7.5%209a1%201%200%201%201%201-1a1%201%200%200%201-1%201%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%22m21%2013l-2%202v-2h-2v2h-4V7H9.79a2.5%202.5%200%200%200-4.58%200H5V5H3v2H2v2h1v2h2V9h.21a2.5%202.5%200%200%200%204.58%200H11v8h6v2h2v-2l2%202h1v-6M7.5%209a1%201%200%201%201%201-1a1%201%200%200%201-1%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/relation-zero-or-one-to-one-or-many.svg?color=%231a73e8&size=48

relation zero or one to one or many icon

More database icons from Material Design Icons

Use the relation zero or one to one or many icon

SVG

React

Vue

CSS