Coppermine icon
whh:coppermine
The Coppermine icon (whh:coppermine) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 768 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
- 1024 × 768
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="768" viewBox="0 0 1024 768"><path fill="currentColor" d="M768 768H256q-106 0-181-75T0 512V256Q0 150 75 75T256 0h512q106 0 181 75t75 181v256q0 106-75 181t-181 75m128-352q0-13-9.5-22.5T864 384H736q-13 0-22.5 9.5T704 416t9.5 22.5T736 448h96v64h-64q-53 0-90.5-37.5T640 384t37.5-90.5T768 256h96q13 0 22.5-9.5T896 224t-9.5-22.5T864 192h-96q-86 0-144 67q-17-31-46.5-49T512 192h-96q-13 0-22.5 9.5T384 224v288h-64q-53 0-90.5-37.5T192 384q0-58 23-93t73-35q13 0 22.5-9.5T320 224t-9.5-22.5T288 192q-76 0-118 54.5T128 384q0 80 56 136t136 56h96q13 0 22.5-9.5T448 544v-96h64q38 0 69-21q15 65 67 107t120 42h96q13 0 22.5-9.5T896 544zm-384-32h-64V256h64q26 0 45 19t19 45.5t-18.5 45T512 384"/></svg>How to use the Coppermine icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:coppermine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:coppermine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:coppermine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--coppermine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:coppermine"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:coppermine"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/coppermine.svg" alt="Coppermine icon" width="24" height="24">Coppermine icon FAQ
Is the Coppermine 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 Coppermine icon in React?
Install @iconify/react and render <Icon icon="whh:coppermine" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Coppermine icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/coppermine.svg" alt="Coppermine icon">, or paste the SVG code inline to style it with CSS.