metadata usage icon

metadata-usage from Carbon by IBM · Outline · Enterprise · Apache-2.0 Free for personal and commercial use.

Name
metadata-usage
Set
Carbon
Style
Outline
Category
Enterprise
Viewbox
32×32
License
Apache 2.0

More enterprise icons from Carbon

Use the metadata usage icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21 30H11c-4.962 0-9-4.037-9-9V11c0-4.962 4.038-9 9-9h10c4.963 0 9 4.038 9 9v10c0 4.963-4.037 9-9 9M11 4c-3.86 0-7 3.14-7 7v10c0 3.86 3.14 7 7 7h10c3.86 0 7-3.14 7-7V11c0-3.86-3.14-7-7-7zm10.014 19.982v2.019h-4.817c-5.804 0-9.2-3.854-9.2-9.451s3.534-9.59 9.2-9.59c5.276 0 8.809 3.35 8.809 8.58c0 3.648-1.675 5.804-4.29 5.804c-1.652 0-2.776-.872-2.867-2.156h-.115c-.298 1.261-1.124 2.11-2.638 2.11c-2.019 0-3.533-1.629-3.533-4.748s1.514-4.749 3.533-4.749c1.261 0 2.087.78 2.363 1.79h.114v-1.584h2.547v6.171c0 .757.367 1.147 1.009 1.147c1.032 0 1.743-1.1 1.743-3.44v-.643c0-3.923-2.775-6.286-6.675-6.286c-4.313 0-7.066 2.983-7.066 7.158v.871c0 4.175 2.753 6.997 7.066 6.997zm-4.978-4.771c.78 0 1.537-.734 1.537-1.423v-2.66c0-.712-.734-1.24-1.537-1.24c-1.1 0-1.812.78-1.812 1.882v1.56c0 1.1.711 1.88 1.812 1.88"/></svg>

React

import type { SVGProps } from "react";

export function CarbonMetadataUsage(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21 30H11c-4.962 0-9-4.037-9-9V11c0-4.962 4.038-9 9-9h10c4.963 0 9 4.038 9 9v10c0 4.963-4.037 9-9 9M11 4c-3.86 0-7 3.14-7 7v10c0 3.86 3.14 7 7 7h10c3.86 0 7-3.14 7-7V11c0-3.86-3.14-7-7-7zm10.014 19.982v2.019h-4.817c-5.804 0-9.2-3.854-9.2-9.451s3.534-9.59 9.2-9.59c5.276 0 8.809 3.35 8.809 8.58c0 3.648-1.675 5.804-4.29 5.804c-1.652 0-2.776-.872-2.867-2.156h-.115c-.298 1.261-1.124 2.11-2.638 2.11c-2.019 0-3.533-1.629-3.533-4.748s1.514-4.749 3.533-4.749c1.261 0 2.087.78 2.363 1.79h.114v-1.584h2.547v6.171c0 .757.367 1.147 1.009 1.147c1.032 0 1.743-1.1 1.743-3.44v-.643c0-3.923-2.775-6.286-6.675-6.286c-4.313 0-7.066 2.983-7.066 7.158v.871c0 4.175 2.753 6.997 7.066 6.997zm-4.978-4.771c.78 0 1.537-.734 1.537-1.423v-2.66c0-.712-.734-1.24-1.537-1.24c-1.1 0-1.812.78-1.812 1.882v1.56c0 1.1.711 1.88 1.812 1.88"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21 30H11c-4.962 0-9-4.037-9-9V11c0-4.962 4.038-9 9-9h10c4.963 0 9 4.038 9 9v10c0 4.963-4.037 9-9 9M11 4c-3.86 0-7 3.14-7 7v10c0 3.86 3.14 7 7 7h10c3.86 0 7-3.14 7-7V11c0-3.86-3.14-7-7-7zm10.014 19.982v2.019h-4.817c-5.804 0-9.2-3.854-9.2-9.451s3.534-9.59 9.2-9.59c5.276 0 8.809 3.35 8.809 8.58c0 3.648-1.675 5.804-4.29 5.804c-1.652 0-2.776-.872-2.867-2.156h-.115c-.298 1.261-1.124 2.11-2.638 2.11c-2.019 0-3.533-1.629-3.533-4.748s1.514-4.749 3.533-4.749c1.261 0 2.087.78 2.363 1.79h.114v-1.584h2.547v6.171c0 .757.367 1.147 1.009 1.147c1.032 0 1.743-1.1 1.743-3.44v-.643c0-3.923-2.775-6.286-6.675-6.286c-4.313 0-7.066 2.983-7.066 7.158v.871c0 4.175 2.753 6.997 7.066 6.997zm-4.978-4.771c.78 0 1.537-.734 1.537-1.423v-2.66c0-.712-.734-1.24-1.537-1.24c-1.1 0-1.812.78-1.812 1.882v1.56c0 1.1.711 1.88 1.812 1.88"/></svg>
</template>

CSS

.icon-metadata-usage {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%2030H11c-4.962%200-9-4.037-9-9V11c0-4.962%204.038-9%209-9h10c4.963%200%209%204.038%209%209v10c0%204.963-4.037%209-9%209M11%204c-3.86%200-7%203.14-7%207v10c0%203.86%203.14%207%207%207h10c3.86%200%207-3.14%207-7V11c0-3.86-3.14-7-7-7zm10.014%2019.982v2.019h-4.817c-5.804%200-9.2-3.854-9.2-9.451s3.534-9.59%209.2-9.59c5.276%200%208.809%203.35%208.809%208.58c0%203.648-1.675%205.804-4.29%205.804c-1.652%200-2.776-.872-2.867-2.156h-.115c-.298%201.261-1.124%202.11-2.638%202.11c-2.019%200-3.533-1.629-3.533-4.748s1.514-4.749%203.533-4.749c1.261%200%202.087.78%202.363%201.79h.114v-1.584h2.547v6.171c0%20.757.367%201.147%201.009%201.147c1.032%200%201.743-1.1%201.743-3.44v-.643c0-3.923-2.775-6.286-6.675-6.286c-4.313%200-7.066%202.983-7.066%207.158v.871c0%204.175%202.753%206.997%207.066%206.997zm-4.978-4.771c.78%200%201.537-.734%201.537-1.423v-2.66c0-.712-.734-1.24-1.537-1.24c-1.1%200-1.812.78-1.812%201.882v1.56c0%201.1.711%201.88%201.812%201.88%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%2030H11c-4.962%200-9-4.037-9-9V11c0-4.962%204.038-9%209-9h10c4.963%200%209%204.038%209%209v10c0%204.963-4.037%209-9%209M11%204c-3.86%200-7%203.14-7%207v10c0%203.86%203.14%207%207%207h10c3.86%200%207-3.14%207-7V11c0-3.86-3.14-7-7-7zm10.014%2019.982v2.019h-4.817c-5.804%200-9.2-3.854-9.2-9.451s3.534-9.59%209.2-9.59c5.276%200%208.809%203.35%208.809%208.58c0%203.648-1.675%205.804-4.29%205.804c-1.652%200-2.776-.872-2.867-2.156h-.115c-.298%201.261-1.124%202.11-2.638%202.11c-2.019%200-3.533-1.629-3.533-4.748s1.514-4.749%203.533-4.749c1.261%200%202.087.78%202.363%201.79h.114v-1.584h2.547v6.171c0%20.757.367%201.147%201.009%201.147c1.032%200%201.743-1.1%201.743-3.44v-.643c0-3.923-2.775-6.286-6.675-6.286c-4.313%200-7.066%202.983-7.066%207.158v.871c0%204.175%202.753%206.997%207.066%206.997zm-4.978-4.771c.78%200%201.537-.734%201.537-1.423v-2.66c0-.712-.734-1.24-1.537-1.24c-1.1%200-1.812.78-1.812%201.882v1.56c0%201.1.711%201.88%201.812%201.88%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/metadata-usage.svg?color=%231a73e8&size=48