ICONYZ
English
Cube Small icon from Dinkie Icons

Cube Small icon

dinkie-icons:cube-small

The Cube Small icon (dinkie-icons:cube-small) is a free SVG icon from the Dinkie Icons set by atelierAnchor. It is drawn on a 8 × 8 grid. Dinkie 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
Dinkie Icons
Author
atelierAnchor
License
MIT
Size
8 × 8
Tags
cubesmall
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8"><path fill="currentColor" d="M8 7H6v1h2Zm0 0h1V2H8v1H6v1h2ZM1 8h2V7H1ZM0 7h1V4h2V3H1V2H0Zm3 2h3V8H5V5h1V4H3v1h1v3H3ZM1 2h2V1H1Zm2-1h3V0H3Zm3 1h2V1H6Zm0 0"/></svg>

How to use the Cube Small icon

React

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

<Icon icon="dinkie-icons:cube-small" width="24" />

Vue

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

<template>
  <Icon icon="dinkie-icons:cube-small" width="24" />
</template>

Svelte

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

<Icon icon="dinkie-icons:cube-small" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[dinkie-icons--cube-small]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/dinkie-icons -->
<div class="i-dinkie-icons:cube-small"></div>

Web component

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

<iconify-icon icon="dinkie-icons:cube-small"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/dinkie-icons/cube-small.svg" alt="Cube Small icon" width="24" height="24">

Related icons in Dinkie Icons

Cube Small icon FAQ

Is the Cube Small icon free for commercial use?

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

How do I use the Cube Small icon in React?

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

How do I add the Cube Small icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/dinkie-icons/cube-small.svg" alt="Cube Small icon">, or paste the SVG code inline to style it with CSS.

Browse all Dinkie Icons →