bracket dot icon

bracket-dot from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.

Name
bracket-dot
Set
Codicons
Style
Regular
Viewbox
16×16
License
CC BY 4.0

Related icons in Codicons

bracket-error

Use the bracket dot icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M10.5 2.5A.5.5 0 0 1 11 2a2 2 0 0 1 2 2v2.005c0 .53.008.794.089.997c.063.156.195.331.634.551a.5.5 0 0 1 0 .894c-.439.22-.572.394-.634.551q-.025.065-.043.141a4 4 0 0 0-.991-.138q.034-.194.105-.374c.097-.243.243-.447.438-.627a1.7 1.7 0 0 1-.438-.626c-.162-.403-.161-.864-.161-1.311V4a1 1 0 0 0-1-1a.5.5 0 0 1-.5-.5zM3.839 7.374C4.001 6.971 4 6.51 4 6.063V4a1 1 0 0 1 1-1a.5.5 0 0 0 0-1a2 2 0 0 0-2 2v2.005c0 .53-.008.794-.089.997c-.063.156-.195.331-.634.551a.5.5 0 0 0 0 .894c.439.22.572.394.634.551C2.993 9.202 3 9.467 3 10v2a2 2 0 0 0 2 2a.5.5 0 0 0 0-1a1 1 0 0 1-1-1V9.941c0-.449 0-.911-.161-1.315a1.7 1.7 0 0 0-.439-.627c.196-.179.341-.384.438-.626zM12 10a3 3 0 1 0 0 6a3 3 0 0 0 0-6"/></svg>

React

import type { SVGProps } from "react";

export function CodiconBracketDot(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="M10.5 2.5A.5.5 0 0 1 11 2a2 2 0 0 1 2 2v2.005c0 .53.008.794.089.997c.063.156.195.331.634.551a.5.5 0 0 1 0 .894c-.439.22-.572.394-.634.551q-.025.065-.043.141a4 4 0 0 0-.991-.138q.034-.194.105-.374c.097-.243.243-.447.438-.627a1.7 1.7 0 0 1-.438-.626c-.162-.403-.161-.864-.161-1.311V4a1 1 0 0 0-1-1a.5.5 0 0 1-.5-.5zM3.839 7.374C4.001 6.971 4 6.51 4 6.063V4a1 1 0 0 1 1-1a.5.5 0 0 0 0-1a2 2 0 0 0-2 2v2.005c0 .53-.008.794-.089.997c-.063.156-.195.331-.634.551a.5.5 0 0 0 0 .894c.439.22.572.394.634.551C2.993 9.202 3 9.467 3 10v2a2 2 0 0 0 2 2a.5.5 0 0 0 0-1a1 1 0 0 1-1-1V9.941c0-.449 0-.911-.161-1.315a1.7 1.7 0 0 0-.439-.627c.196-.179.341-.384.438-.626zM12 10a3 3 0 1 0 0 6a3 3 0 0 0 0-6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M10.5 2.5A.5.5 0 0 1 11 2a2 2 0 0 1 2 2v2.005c0 .53.008.794.089.997c.063.156.195.331.634.551a.5.5 0 0 1 0 .894c-.439.22-.572.394-.634.551q-.025.065-.043.141a4 4 0 0 0-.991-.138q.034-.194.105-.374c.097-.243.243-.447.438-.627a1.7 1.7 0 0 1-.438-.626c-.162-.403-.161-.864-.161-1.311V4a1 1 0 0 0-1-1a.5.5 0 0 1-.5-.5zM3.839 7.374C4.001 6.971 4 6.51 4 6.063V4a1 1 0 0 1 1-1a.5.5 0 0 0 0-1a2 2 0 0 0-2 2v2.005c0 .53-.008.794-.089.997c-.063.156-.195.331-.634.551a.5.5 0 0 0 0 .894c.439.22.572.394.634.551C2.993 9.202 3 9.467 3 10v2a2 2 0 0 0 2 2a.5.5 0 0 0 0-1a1 1 0 0 1-1-1V9.941c0-.449 0-.911-.161-1.315a1.7 1.7 0 0 0-.439-.627c.196-.179.341-.384.438-.626zM12 10a3 3 0 1 0 0 6a3 3 0 0 0 0-6"/></svg>
</template>

CSS

.icon-bracket-dot {
  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%22M10.5%202.5A.5.5%200%200%201%2011%202a2%202%200%200%201%202%202v2.005c0%20.53.008.794.089.997c.063.156.195.331.634.551a.5.5%200%200%201%200%20.894c-.439.22-.572.394-.634.551q-.025.065-.043.141a4%204%200%200%200-.991-.138q.034-.194.105-.374c.097-.243.243-.447.438-.627a1.7%201.7%200%200%201-.438-.626c-.162-.403-.161-.864-.161-1.311V4a1%201%200%200%200-1-1a.5.5%200%200%201-.5-.5zM3.839%207.374C4.001%206.971%204%206.51%204%206.063V4a1%201%200%200%201%201-1a.5.5%200%200%200%200-1a2%202%200%200%200-2%202v2.005c0%20.53-.008.794-.089.997c-.063.156-.195.331-.634.551a.5.5%200%200%200%200%20.894c.439.22.572.394.634.551C2.993%209.202%203%209.467%203%2010v2a2%202%200%200%200%202%202a.5.5%200%200%200%200-1a1%201%200%200%201-1-1V9.941c0-.449%200-.911-.161-1.315a1.7%201.7%200%200%200-.439-.627c.196-.179.341-.384.438-.626zM12%2010a3%203%200%201%200%200%206a3%203%200%200%200%200-6%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%22M10.5%202.5A.5.5%200%200%201%2011%202a2%202%200%200%201%202%202v2.005c0%20.53.008.794.089.997c.063.156.195.331.634.551a.5.5%200%200%201%200%20.894c-.439.22-.572.394-.634.551q-.025.065-.043.141a4%204%200%200%200-.991-.138q.034-.194.105-.374c.097-.243.243-.447.438-.627a1.7%201.7%200%200%201-.438-.626c-.162-.403-.161-.864-.161-1.311V4a1%201%200%200%200-1-1a.5.5%200%200%201-.5-.5zM3.839%207.374C4.001%206.971%204%206.51%204%206.063V4a1%201%200%200%201%201-1a.5.5%200%200%200%200-1a2%202%200%200%200-2%202v2.005c0%20.53-.008.794-.089.997c-.063.156-.195.331-.634.551a.5.5%200%200%200%200%20.894c.439.22.572.394.634.551C2.993%209.202%203%209.467%203%2010v2a2%202%200%200%200%202%202a.5.5%200%200%200%200-1a1%201%200%200%201-1-1V9.941c0-.449%200-.911-.161-1.315a1.7%201.7%200%200%200-.439-.627c.196-.179.341-.384.438-.626zM12%2010a3%203%200%201%200%200%206a3%203%200%200%200%200-6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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