Bishop icon
whh:bishop
The Bishop icon (whh:bishop) 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 1024H64q-26 0-45-18.5T0 960v-64q0-26 19-45t45-19q60 0 108-56t70-147q-53-9-83.5-23T128 576q0-24 64-42q-64-85-64-182q0-50 31-114t73-115.5t85-87T384 0t67 35.5t85 87T609 238t31 114q0 97-64 182q64 18 64 42q0 16-30.5 30T526 629q22 91 70 147t108 56q27 0 45.5 19t18.5 45v64q0 27-18.5 45.5T704 1024M384 128q-16 0-46.5 39t-56 95.5T256 358q0 64 37.5 109t90.5 45t90.5-45T512 358q0-39-25.5-95.5t-56-95.5t-46.5-39"/></svg>How to use the Bishop icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:bishop" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:bishop" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:bishop" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--bishop]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:bishop"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:bishop"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/bishop.svg" alt="Bishop icon" width="24" height="24">Bishop icon in other icon sets
Bishop icon FAQ
Is the Bishop 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 Bishop icon in React?
Install @iconify/react and render <Icon icon="whh:bishop" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bishop icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/bishop.svg" alt="Bishop icon">, or paste the SVG code inline to style it with CSS.