ml model reference icon

ml-model-reference from Carbon by IBM · Outline · Enterprise · Apache-2.0 Free for personal and commercial use.

Name
ml-model-reference
Set
Carbon
Style
Outline
Category
Enterprise
Viewbox
32×32
License
Apache 2.0

More enterprise icons from Carbon

Use the ml model reference icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 19v2h4.586L2 27.586L3.414 29L10 22.414V27h2v-8z"/><path fill="currentColor" d="M27 19c1.654 0 3-1.346 3-3s-1.346-3-3-3a2.995 2.995 0 0 0-2.816 2h-5.77l7.3-7.3c.392.187.824.3 1.286.3c1.654 0 3-1.346 3-3s-1.346-3-3-3s-3 1.346-3 3c0 .462.114.894.3 1.285L16 14.586V8c0-1.102.897-2 2-2h2V4h-2c-1.2 0-2.266.543-3 1.382A3.98 3.98 0 0 0 12 4h-1c-4.962 0-9 4.037-9 9v4h2v-3h3c1.654 0 3-1.346 3-3V9H8v2a1 1 0 0 1-1 1H4.08c.488-3.387 3.4-6 6.92-6h1c1.103 0 2 .898 2 2v4h-2v2h2v10c0 2.206 1.794 4 4 4h2v-2h-2c-1.103 0-2-.897-2-2v-6.586l8.3 8.301c-.187.391-.3.823-.3 1.285c0 1.655 1.346 3 3 3s3-1.345 3-3s-1.346-3-3-3a2.96 2.96 0 0 0-1.285.301l-7.301-7.3h5.77A2.995 2.995 0 0 0 27 19m0-4a1 1 0 0 1 0 2a1 1 0 0 1 0-2m0-11a1.001 1.001 0 0 1 0 2a1 1 0 0 1 0-2m0 22a1.001 1.001 0 0 1 0 2a1 1 0 0 1 0-2"/></svg>

React

import type { SVGProps } from "react";

export function CarbonMlModelReference(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="M4 19v2h4.586L2 27.586L3.414 29L10 22.414V27h2v-8z"/><path fill="currentColor" d="M27 19c1.654 0 3-1.346 3-3s-1.346-3-3-3a2.995 2.995 0 0 0-2.816 2h-5.77l7.3-7.3c.392.187.824.3 1.286.3c1.654 0 3-1.346 3-3s-1.346-3-3-3s-3 1.346-3 3c0 .462.114.894.3 1.285L16 14.586V8c0-1.102.897-2 2-2h2V4h-2c-1.2 0-2.266.543-3 1.382A3.98 3.98 0 0 0 12 4h-1c-4.962 0-9 4.037-9 9v4h2v-3h3c1.654 0 3-1.346 3-3V9H8v2a1 1 0 0 1-1 1H4.08c.488-3.387 3.4-6 6.92-6h1c1.103 0 2 .898 2 2v4h-2v2h2v10c0 2.206 1.794 4 4 4h2v-2h-2c-1.103 0-2-.897-2-2v-6.586l8.3 8.301c-.187.391-.3.823-.3 1.285c0 1.655 1.346 3 3 3s3-1.345 3-3s-1.346-3-3-3a2.96 2.96 0 0 0-1.285.301l-7.301-7.3h5.77A2.995 2.995 0 0 0 27 19m0-4a1 1 0 0 1 0 2a1 1 0 0 1 0-2m0-11a1.001 1.001 0 0 1 0 2a1 1 0 0 1 0-2m0 22a1.001 1.001 0 0 1 0 2a1 1 0 0 1 0-2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 19v2h4.586L2 27.586L3.414 29L10 22.414V27h2v-8z"/><path fill="currentColor" d="M27 19c1.654 0 3-1.346 3-3s-1.346-3-3-3a2.995 2.995 0 0 0-2.816 2h-5.77l7.3-7.3c.392.187.824.3 1.286.3c1.654 0 3-1.346 3-3s-1.346-3-3-3s-3 1.346-3 3c0 .462.114.894.3 1.285L16 14.586V8c0-1.102.897-2 2-2h2V4h-2c-1.2 0-2.266.543-3 1.382A3.98 3.98 0 0 0 12 4h-1c-4.962 0-9 4.037-9 9v4h2v-3h3c1.654 0 3-1.346 3-3V9H8v2a1 1 0 0 1-1 1H4.08c.488-3.387 3.4-6 6.92-6h1c1.103 0 2 .898 2 2v4h-2v2h2v10c0 2.206 1.794 4 4 4h2v-2h-2c-1.103 0-2-.897-2-2v-6.586l8.3 8.301c-.187.391-.3.823-.3 1.285c0 1.655 1.346 3 3 3s3-1.345 3-3s-1.346-3-3-3a2.96 2.96 0 0 0-1.285.301l-7.301-7.3h5.77A2.995 2.995 0 0 0 27 19m0-4a1 1 0 0 1 0 2a1 1 0 0 1 0-2m0-11a1.001 1.001 0 0 1 0 2a1 1 0 0 1 0-2m0 22a1.001 1.001 0 0 1 0 2a1 1 0 0 1 0-2"/></svg>
</template>

CSS

.icon-ml-model-reference {
  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%22M4%2019v2h4.586L2%2027.586L3.414%2029L10%2022.414V27h2v-8z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27%2019c1.654%200%203-1.346%203-3s-1.346-3-3-3a2.995%202.995%200%200%200-2.816%202h-5.77l7.3-7.3c.392.187.824.3%201.286.3c1.654%200%203-1.346%203-3s-1.346-3-3-3s-3%201.346-3%203c0%20.462.114.894.3%201.285L16%2014.586V8c0-1.102.897-2%202-2h2V4h-2c-1.2%200-2.266.543-3%201.382A3.98%203.98%200%200%200%2012%204h-1c-4.962%200-9%204.037-9%209v4h2v-3h3c1.654%200%203-1.346%203-3V9H8v2a1%201%200%200%201-1%201H4.08c.488-3.387%203.4-6%206.92-6h1c1.103%200%202%20.898%202%202v4h-2v2h2v10c0%202.206%201.794%204%204%204h2v-2h-2c-1.103%200-2-.897-2-2v-6.586l8.3%208.301c-.187.391-.3.823-.3%201.285c0%201.655%201.346%203%203%203s3-1.345%203-3s-1.346-3-3-3a2.96%202.96%200%200%200-1.285.301l-7.301-7.3h5.77A2.995%202.995%200%200%200%2027%2019m0-4a1%201%200%200%201%200%202a1%201%200%200%201%200-2m0-11a1.001%201.001%200%200%201%200%202a1%201%200%200%201%200-2m0%2022a1.001%201.001%200%200%201%200%202a1%201%200%200%201%200-2%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%22M4%2019v2h4.586L2%2027.586L3.414%2029L10%2022.414V27h2v-8z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27%2019c1.654%200%203-1.346%203-3s-1.346-3-3-3a2.995%202.995%200%200%200-2.816%202h-5.77l7.3-7.3c.392.187.824.3%201.286.3c1.654%200%203-1.346%203-3s-1.346-3-3-3s-3%201.346-3%203c0%20.462.114.894.3%201.285L16%2014.586V8c0-1.102.897-2%202-2h2V4h-2c-1.2%200-2.266.543-3%201.382A3.98%203.98%200%200%200%2012%204h-1c-4.962%200-9%204.037-9%209v4h2v-3h3c1.654%200%203-1.346%203-3V9H8v2a1%201%200%200%201-1%201H4.08c.488-3.387%203.4-6%206.92-6h1c1.103%200%202%20.898%202%202v4h-2v2h2v10c0%202.206%201.794%204%204%204h2v-2h-2c-1.103%200-2-.897-2-2v-6.586l8.3%208.301c-.187.391-.3.823-.3%201.285c0%201.655%201.346%203%203%203s3-1.345%203-3s-1.346-3-3-3a2.96%202.96%200%200%200-1.285.301l-7.301-7.3h5.77A2.995%202.995%200%200%200%2027%2019m0-4a1%201%200%200%201%200%202a1%201%200%200%201%200-2m0-11a1.001%201.001%200%200%201%200%202a1%201%200%200%201%200-2m0%2022a1.001%201.001%200%200%201%200%202a1%201%200%200%201%200-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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