Bezier Diamond Bold icon

glyphs:bezier-diamond-bold

The Bezier Diamond Bold icon (glyphs:bezier-diamond-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Glyphs
Author: Goran Spasojevic
License: MIT
Size: 80 × 80
Tags: bezierdiamond, diamondbold, bezierdiamondbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path d="m19 34l-2.121-2.121l-.879.878V34zm0 12h-3v1.243l.879.878zm15-27v-3h-1.243l-.878.879zm12 0l2.121-2.121l-.878-.879H46zm15 15h3v-1.243l-.879-.878zm0 12l2.121 2.121l.879-.878V46zM46 61v3h1.243l.878-.879zm-12 0l-2.121 2.121l.878.879H34zM16 34v12h6V34zm15.879-17.121l-15 15l4.242 4.242l15-15zM46 16H34v6h12zm17.121 15.879l-15-15l-4.242 4.242l15 15zM64 46V34h-6v12zM48.121 63.121l15-15l-4.242-4.242l-15 15zM34 64h12v-6H34zM16.879 48.121l15 15l4.242-4.242l-15-15z"/><path stroke="currentColor" stroke-linecap="square" stroke-linejoin="round" stroke-width="8" d="M34 7h12v12H34zm0 54h12v12H34zM7 34h12v12H7zm54 0h12v12H61z"/></g></svg>

How to use the Bezier Diamond Bold icon

React

import { Icon } from "@iconify/react";

<Icon icon="glyphs:bezier-diamond-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="glyphs:bezier-diamond-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="glyphs:bezier-diamond-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--bezier-diamond-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:bezier-diamond-bold"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs:bezier-diamond-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/glyphs/bezier-diamond-bold.svg" alt="Bezier Diamond Bold icon" width="24" height="24">

Related icons in Glyphs

Bezier Diamond Bold icon FAQ

Is the Bezier Diamond Bold icon free for commercial use?

Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Bezier Diamond Bold icon in React?

Install @iconify/react and render <Icon icon="glyphs:bezier-diamond-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Bezier Diamond Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/bezier-diamond-bold.svg" alt="Bezier Diamond Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Glyphs icons →