symbol field icon

symbol-field from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.

Name
symbol-field
Set
Codicons
Style
Regular
Viewbox
16×16
License
CC BY 4.0

Related icons in Codicons

symbol-arraysymbol-booleansymbol-classsymbol-colorsymbol-color-compactsymbol-constantsymbol-enumsymbol-enum-membersymbol-eventsymbol-filesymbol-interfacesymbol-keysymbol-keywordsymbol-methodsymbol-method-arrowsymbol-miscsymbol-namespacesymbol-numericsymbol-operatorsymbol-parametersymbol-propertysymbol-rulersymbol-snippetsymbol-string

Use the symbol field icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M11.967 6.089a.5.5 0 0 1-.287.647L7.5 8.344v1.676a.5.5 0 1 1-1 0V8.343l-2.18-.838a.5.5 0 1 1 .36-.933L7 7.464L11.32 5.8a.5.5 0 0 1 .647.289M15 5.8v3.629a1.51 1.51 0 0 1-.962 1.4l-6.5 2.5a1.5 1.5 0 0 1-1.078 0L1.961 11.6A1.51 1.51 0 0 1 1 10.2V6.571a1.51 1.51 0 0 1 .962-1.4l6.5-2.5a1.5 1.5 0 0 1 1.078 0l4.5 1.731A1.51 1.51 0 0 1 15 5.8m-1 0a.5.5 0 0 0-.321-.467l-4.5-1.73a.5.5 0 0 0-.358 0l-6.5 2.5A.5.5 0 0 0 2 6.571V10.2a.5.5 0 0 0 .32.466l4.5 1.732a.5.5 0 0 0 .358 0l6.5-2.5A.5.5 0 0 0 14 9.429z"/></svg>

React

import type { SVGProps } from "react";

export function CodiconSymbolField(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M11.967 6.089a.5.5 0 0 1-.287.647L7.5 8.344v1.676a.5.5 0 1 1-1 0V8.343l-2.18-.838a.5.5 0 1 1 .36-.933L7 7.464L11.32 5.8a.5.5 0 0 1 .647.289M15 5.8v3.629a1.51 1.51 0 0 1-.962 1.4l-6.5 2.5a1.5 1.5 0 0 1-1.078 0L1.961 11.6A1.51 1.51 0 0 1 1 10.2V6.571a1.51 1.51 0 0 1 .962-1.4l6.5-2.5a1.5 1.5 0 0 1 1.078 0l4.5 1.731A1.51 1.51 0 0 1 15 5.8m-1 0a.5.5 0 0 0-.321-.467l-4.5-1.73a.5.5 0 0 0-.358 0l-6.5 2.5A.5.5 0 0 0 2 6.571V10.2a.5.5 0 0 0 .32.466l4.5 1.732a.5.5 0 0 0 .358 0l6.5-2.5A.5.5 0 0 0 14 9.429z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M11.967 6.089a.5.5 0 0 1-.287.647L7.5 8.344v1.676a.5.5 0 1 1-1 0V8.343l-2.18-.838a.5.5 0 1 1 .36-.933L7 7.464L11.32 5.8a.5.5 0 0 1 .647.289M15 5.8v3.629a1.51 1.51 0 0 1-.962 1.4l-6.5 2.5a1.5 1.5 0 0 1-1.078 0L1.961 11.6A1.51 1.51 0 0 1 1 10.2V6.571a1.51 1.51 0 0 1 .962-1.4l6.5-2.5a1.5 1.5 0 0 1 1.078 0l4.5 1.731A1.51 1.51 0 0 1 15 5.8m-1 0a.5.5 0 0 0-.321-.467l-4.5-1.73a.5.5 0 0 0-.358 0l-6.5 2.5A.5.5 0 0 0 2 6.571V10.2a.5.5 0 0 0 .32.466l4.5 1.732a.5.5 0 0 0 .358 0l6.5-2.5A.5.5 0 0 0 14 9.429z"/></svg>
</template>

CSS

.icon-symbol-field {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.967%206.089a.5.5%200%200%201-.287.647L7.5%208.344v1.676a.5.5%200%201%201-1%200V8.343l-2.18-.838a.5.5%200%201%201%20.36-.933L7%207.464L11.32%205.8a.5.5%200%200%201%20.647.289M15%205.8v3.629a1.51%201.51%200%200%201-.962%201.4l-6.5%202.5a1.5%201.5%200%200%201-1.078%200L1.961%2011.6A1.51%201.51%200%200%201%201%2010.2V6.571a1.51%201.51%200%200%201%20.962-1.4l6.5-2.5a1.5%201.5%200%200%201%201.078%200l4.5%201.731A1.51%201.51%200%200%201%2015%205.8m-1%200a.5.5%200%200%200-.321-.467l-4.5-1.73a.5.5%200%200%200-.358%200l-6.5%202.5A.5.5%200%200%200%202%206.571V10.2a.5.5%200%200%200%20.32.466l4.5%201.732a.5.5%200%200%200%20.358%200l6.5-2.5A.5.5%200%200%200%2014%209.429z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.967%206.089a.5.5%200%200%201-.287.647L7.5%208.344v1.676a.5.5%200%201%201-1%200V8.343l-2.18-.838a.5.5%200%201%201%20.36-.933L7%207.464L11.32%205.8a.5.5%200%200%201%20.647.289M15%205.8v3.629a1.51%201.51%200%200%201-.962%201.4l-6.5%202.5a1.5%201.5%200%200%201-1.078%200L1.961%2011.6A1.51%201.51%200%200%201%201%2010.2V6.571a1.51%201.51%200%200%201%20.962-1.4l6.5-2.5a1.5%201.5%200%200%201%201.078%200l4.5%201.731A1.51%201.51%200%200%201%2015%205.8m-1%200a.5.5%200%200%200-.321-.467l-4.5-1.73a.5.5%200%200%200-.358%200l-6.5%202.5A.5.5%200%200%200%202%206.571V10.2a.5.5%200%200%200%20.32.466l4.5%201.732a.5.5%200%200%200%20.358%200l6.5-2.5A.5.5%200%200%200%2014%209.429z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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