ICONYZ
English
Pixelchest icon from WebHostingHub Glyphs

Pixelchest icon

whh:pixelchest

The Pixelchest icon (whh:pixelchest) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 960 × 896 grid. WebHostingHub Glyphs icons are released under the Open Font 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
WebHostingHub Glyphs
Author
WebHostingHub
License
OFL-1.1
Size
960 × 896
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="960" height="896" viewBox="0 0 960 896"><path fill="currentColor" d="M896 832V448H768v384H192V448H64v384H0V192h64v192h832V192h64v640zM512 448v128h-64V448h-64v192h192V448zM832 64h64v128h-64zM704 192h64v128H192V192h64V64H128V0h704v64H704zm-640 0V64h64v128zm832 704H768v-64h128zm-704 0H64v-64h128z"/></svg>

How to use the Pixelchest icon

React

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

<Icon icon="whh:pixelchest" width="24" />

Vue

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

<template>
  <Icon icon="whh:pixelchest" width="24" />
</template>

Svelte

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

<Icon icon="whh:pixelchest" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--pixelchest]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:pixelchest"></div>

Web component

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

<iconify-icon icon="whh:pixelchest"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/whh/pixelchest.svg" alt="Pixelchest icon" width="24" height="24">

Pixelchest icon FAQ

Is the Pixelchest icon free for commercial use?

Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Pixelchest icon in React?

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

How do I add the Pixelchest icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/pixelchest.svg" alt="Pixelchest icon">, or paste the SVG code inline to style it with CSS.

Browse all WebHostingHub Glyphs icons →