Twinkly Squares icon

cbi:twinkly-squares

The Twinkly Squares icon (cbi:twinkly-squares) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24
Tags: twinklysquares, square

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.812 5.85H2v12.294h.812v.006l8.936-.784V7.432L2.812 5.856Zm.059.1l8.818 1.539v9.819l-8.818.758Zm7.771 11.284l.91-.075V16.13l-.91.049Zm-1.088.09l.91-.074v-1.062l-.91.048Zm-1.087.091l.91-.075v-1.095l-.91.049Zm-1.088.091l.91-.075v-1.127l-.91.049Zm-1.088.09l.91-.075v-1.16l-.91.049Zm-1.087.091l.909-.076v-1.192l-.909.049Zm-1.088.089l.91-.075v-1.223l-.91.048Zm-1.088.091l.91-.075v-1.257l-.91.049Zm7.614-2.935v1.056l.91-.047v-1.029Zm-1.088 1.112l.91-.047v-1.061l-.91.018Zm-1.087.056l.91-.047v-1.095l-.91.02Zm-1.088.054l.91-.046v-1.127l-.91.019Zm-1.088.056l.91-.047v-1.159l-.91.019Zm-.178-1.183l-.909.019v1.22l.909-.047Zm-1.997 1.294l.91-.047V15.05l-.91.019Zm-1.088.055l.91-.046v-1.257l-.91.019Zm7.614-2.69v1.056l.91-.016v-1.03Zm-1.088-.012v1.089l.91-.017v-1.062Zm-.177 1.093v-1.095l-.91-.011v1.122Zm-1.088.02V13.66l-.91-.011v1.155Zm-1.088.021v-1.161l-.91-.009v1.186Zm-1.997.037l.909-.018v-1.191l-.909-.011Zm-1.088.02l.91-.017v-1.224l-.91-.011Zm-1.088.021l.91-.018v-1.257l-.91-.009Zm7.614-2.447v1.057l.91.012v-1.029Zm-.178 1.054v-1.061l-.91-.04v1.089Zm-1.087-.014v-1.094l-.91-.04v1.122Zm-1.088-.014v-1.128l-.91-.039v1.154Zm-1.088-.015v-1.159l-.91-.04v1.187Zm-1.088-1.207l-.909-.039v1.219l.909.013Zm-1.997 1.165l.91.013v-1.225l-.91-.039Zm-1.088-.014l.91.012v-1.257l-.91-.039Zm7.614-2.201v1.057l.91.042v-1.03Zm-1.088-.082V12.2l.91.042V11.18Zm-1.087-.082v1.121l.91.042v-1.094Zm-1.088-.082v1.154l.91.042v-1.127Zm-.178-.013l-.91-.069v1.186l.91.042Zm-1.088-.082l-.909-.069v1.219l.909.041Zm-1.997 1.1l.91.042V10.77l-.91-.069Zm-1.088-.049l.91.041v-1.256l-.91-.069Zm7.614-1.956v1.056l.91.071v-1.029Zm-.178 1.042V9.928l-.91-.098v1.089ZM8.467 9.713v1.121l.91.071V9.811Zm-1.088-.117v1.154l.91.07V9.694Zm-1.088-.117v1.186l.91.071V9.577Zm-.178-.019l-.909-.098v1.219l.909.07Zm-1.997 1.036l.91.071V9.343l-.91-.098Zm-1.088-.084l.91.07V9.226l-.91-.098Zm7.614-1.711v1.056l.91.1V8.828Zm-.178-.025l-.91-.127v1.088l.91.101Zm-1.087-.152l-.91-.127v1.121l.91.1Zm-1.088-.152l-.91-.127v1.153l.91.101ZM7.201 8.22l-.91-.127v1.186l.91.1Zm-1.088-.152l-.909-.127v1.218l.909.1Zm-1.997.972l.91.1V7.916l-.91-.127Zm-1.088-.12l.91.101V7.764l-.91-.127Zm8.524-1.309l-.91-.156v1.056l.91.129Zm-1.088-.187l-.91-.156v1.088l.91.129Zm-1.087-.187l-.91-.156v1.121l.91.129ZM8.289 7.05l-.91-.156v1.153l.91.129Zm-1.088-.187l-.91-.156v1.186l.91.128Zm-1.088-.187l-.909-.156v1.218l.909.129Zm-1.997.907l.91.129V6.489l-.91-.156Zm-1.088-.154l.91.129V6.302l-.91-.156Zm17.743 8.674h1.017v1.017h-1.017Zm-1.204 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm8.422-1.205h1.017v1.018h-1.017Zm-1.204 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm8.422-1.203h1.017v1.018h-1.017Zm-1.204 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm8.422-1.202h1.017v1.017h-1.017Zm-1.204 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm8.422-1.204h1.017v1.018h-1.017Zm-1.204 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm8.422-1.203h1.017v1.018h-1.017Zm-1.204 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm-1.203 0h1.018v1.018h-1.018Zm8.422-1.203h1.017V9.9h-1.017Zm-1.204 0h1.018V9.9h-1.018Zm-1.203 0h1.018V9.9h-1.018Zm-1.203 0h1.018V9.9h-1.018Zm-1.203 0h1.018V9.9h-1.018Zm-1.203 0h1.018V9.9h-1.018Zm-1.203 0h1.018V9.9h-1.018Zm-1.203 0h1.018V9.9h-1.018Zm8.422-1.203h1.017v1.017h-1.017Zm-1.204 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-1.203 0h1.018v1.017h-1.018Zm-.234-.212v9.874H22V7.468Zm9.82 9.808H12.18V7.533h9.755Z"/></svg>

How to use the Twinkly Squares icon

React

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

<Icon icon="cbi:twinkly-squares" width="24" />

Vue

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

<template>
  <Icon icon="cbi:twinkly-squares" width="24" />
</template>

Svelte

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

<Icon icon="cbi:twinkly-squares" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--twinkly-squares]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:twinkly-squares"></div>

Web component

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

<iconify-icon icon="cbi:twinkly-squares"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/twinkly-squares.svg" alt="Twinkly Squares icon" width="24" height="24">

Related icons in Custom Brand Icons

Twinkly Squares icon FAQ

Is the Twinkly Squares icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Twinkly Squares icon in React?

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

How do I add the Twinkly Squares icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/twinkly-squares.svg" alt="Twinkly Squares icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →