namespace icon

namespace from EOS Icons by SUSE UX/UI team · Regular · MIT Free for personal and commercial use.

Name
namespace
Set
EOS Icons
Style
Regular
Viewbox
24×24
License
MIT

Use the namespace icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23 11v2c-.852 0-1 .35-1 1.314v4.498c0 2.514-1.46 3.156-4 3.188v-2c1.404-.032 2 .154 2-1.36v-4.297a3.1 3.1 0 0 1 .294-1.56a1.7 1.7 0 0 1 .997-.783a1.7 1.7 0 0 1-.997-.783A3.1 3.1 0 0 1 20 9.657V5.359c0-1.513-.596-1.327-2-1.359V2c2.54.032 4 .674 4 3.188v4.498c0 .963.148 1.314 1 1.314M1 11v2c.852 0 1 .35 1 1.314v4.498C2 21.326 3.46 21.968 6 22v-2c-1.404-.032-2 .154-2-1.36v-4.297a3.1 3.1 0 0 0-.294-1.56A1.7 1.7 0 0 0 2.709 12a1.7 1.7 0 0 0 .997-.783A3.1 3.1 0 0 0 4 9.657V5.359C4 3.846 4.596 4.032 6 4V2c-2.54.032-4 .674-4 3.188v4.498C2 10.649 1.852 11 1 11m17-2H6v6h12ZM8 11h8v2H8Z"/></svg>

React

import type { SVGProps } from "react";

export function EosIconsNamespace(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="M23 11v2c-.852 0-1 .35-1 1.314v4.498c0 2.514-1.46 3.156-4 3.188v-2c1.404-.032 2 .154 2-1.36v-4.297a3.1 3.1 0 0 1 .294-1.56a1.7 1.7 0 0 1 .997-.783a1.7 1.7 0 0 1-.997-.783A3.1 3.1 0 0 1 20 9.657V5.359c0-1.513-.596-1.327-2-1.359V2c2.54.032 4 .674 4 3.188v4.498c0 .963.148 1.314 1 1.314M1 11v2c.852 0 1 .35 1 1.314v4.498C2 21.326 3.46 21.968 6 22v-2c-1.404-.032-2 .154-2-1.36v-4.297a3.1 3.1 0 0 0-.294-1.56A1.7 1.7 0 0 0 2.709 12a1.7 1.7 0 0 0 .997-.783A3.1 3.1 0 0 0 4 9.657V5.359C4 3.846 4.596 4.032 6 4V2c-2.54.032-4 .674-4 3.188v4.498C2 10.649 1.852 11 1 11m17-2H6v6h12ZM8 11h8v2H8Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23 11v2c-.852 0-1 .35-1 1.314v4.498c0 2.514-1.46 3.156-4 3.188v-2c1.404-.032 2 .154 2-1.36v-4.297a3.1 3.1 0 0 1 .294-1.56a1.7 1.7 0 0 1 .997-.783a1.7 1.7 0 0 1-.997-.783A3.1 3.1 0 0 1 20 9.657V5.359c0-1.513-.596-1.327-2-1.359V2c2.54.032 4 .674 4 3.188v4.498c0 .963.148 1.314 1 1.314M1 11v2c.852 0 1 .35 1 1.314v4.498C2 21.326 3.46 21.968 6 22v-2c-1.404-.032-2 .154-2-1.36v-4.297a3.1 3.1 0 0 0-.294-1.56A1.7 1.7 0 0 0 2.709 12a1.7 1.7 0 0 0 .997-.783A3.1 3.1 0 0 0 4 9.657V5.359C4 3.846 4.596 4.032 6 4V2c-2.54.032-4 .674-4 3.188v4.498C2 10.649 1.852 11 1 11m17-2H6v6h12ZM8 11h8v2H8Z"/></svg>
</template>

CSS

.icon-namespace {
  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%22M23%2011v2c-.852%200-1%20.35-1%201.314v4.498c0%202.514-1.46%203.156-4%203.188v-2c1.404-.032%202%20.154%202-1.36v-4.297a3.1%203.1%200%200%201%20.294-1.56a1.7%201.7%200%200%201%20.997-.783a1.7%201.7%200%200%201-.997-.783A3.1%203.1%200%200%201%2020%209.657V5.359c0-1.513-.596-1.327-2-1.359V2c2.54.032%204%20.674%204%203.188v4.498c0%20.963.148%201.314%201%201.314M1%2011v2c.852%200%201%20.35%201%201.314v4.498C2%2021.326%203.46%2021.968%206%2022v-2c-1.404-.032-2%20.154-2-1.36v-4.297a3.1%203.1%200%200%200-.294-1.56A1.7%201.7%200%200%200%202.709%2012a1.7%201.7%200%200%200%20.997-.783A3.1%203.1%200%200%200%204%209.657V5.359C4%203.846%204.596%204.032%206%204V2c-2.54.032-4%20.674-4%203.188v4.498C2%2010.649%201.852%2011%201%2011m17-2H6v6h12ZM8%2011h8v2H8Z%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%22M23%2011v2c-.852%200-1%20.35-1%201.314v4.498c0%202.514-1.46%203.156-4%203.188v-2c1.404-.032%202%20.154%202-1.36v-4.297a3.1%203.1%200%200%201%20.294-1.56a1.7%201.7%200%200%201%20.997-.783a1.7%201.7%200%200%201-.997-.783A3.1%203.1%200%200%201%2020%209.657V5.359c0-1.513-.596-1.327-2-1.359V2c2.54.032%204%20.674%204%203.188v4.498c0%20.963.148%201.314%201%201.314M1%2011v2c.852%200%201%20.35%201%201.314v4.498C2%2021.326%203.46%2021.968%206%2022v-2c-1.404-.032-2%20.154-2-1.36v-4.297a3.1%203.1%200%200%200-.294-1.56A1.7%201.7%200%200%200%202.709%2012a1.7%201.7%200%200%200%20.997-.783A3.1%203.1%200%200%200%204%209.657V5.359C4%203.846%204.596%204.032%206%204V2c-2.54.032-4%20.674-4%203.188v4.498C2%2010.649%201.852%2011%201%2011m17-2H6v6h12ZM8%2011h8v2H8Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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