Pixelelixir icon
whh:pixelelixir
The Pixelelixir icon (whh:pixelelixir) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 768 × 1024 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
- 768 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1024" viewBox="0 0 768 1024"><path fill="currentColor" d="M704 832v64h-64v64h-64v64H192v-64h-64v-64H64v-64h64v64h64v-64h64v64h64v64h64v-64h-64V576h64V384h-64v-64h64v-64h-64v-64h64V64h-64V0h128v64h64v128h-64v64h64v64h-64v64h64v64h64v64h64v64h64v64h64v192zm-64-128h-64v128h-64v64h64v-64h64zM320 576h-64v-64h-64v-64h64v-64h64zm-192 0v64H64v-64zv-64h64v64zm64 256h-64V640h64zm0-192v-64h64v64zM0 832V640h64v192zm256-512v-64h64v64zm-64-128h64v64h-64zm64-128h64v128h-64zm320 128v64h-64v-64z"/></svg>How to use the Pixelelixir icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:pixelelixir" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:pixelelixir" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:pixelelixir" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--pixelelixir]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:pixelelixir"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:pixelelixir"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/pixelelixir.svg" alt="Pixelelixir icon" width="24" height="24">Pixelelixir icon FAQ
Is the Pixelelixir 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 Pixelelixir icon in React?
Install @iconify/react and render <Icon icon="whh:pixelelixir" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pixelelixir icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/pixelelixir.svg" alt="Pixelelixir icon">, or paste the SVG code inline to style it with CSS.