Fontgothic icon
whh:fontgothic
The Fontgothic icon (whh:fontgothic) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 896 × 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
- 896 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="896" height="1024" viewBox="0 0 896 1024"><path fill="currentColor" d="M704 192v676q135-49 192-164q0 150-103.5 235T480 1024q-113 0-209-55.5T119.5 817T64 608q0-127 67-264.5T301 129q-26-1-45-1q-128 0-256 128q0-64 51-123t140.5-96T384 0q72 0 126.5 10T592 32t64.5 22T736 64q36 0 79.5-17.5T896 0q0 26-12.5 57.5t-35 62.5t-61 51.5T704 192m-320-55q-25-3-33-4q-73 57-116 148.5T192 480q0 104 40.5 193.5T342 820l42-52zm64 663q-21 21-51 58q71 38 147 38q46 0 96-10V188q-42-6-128-26v478q0 4-.5 11t-4 27t-9.5 38.5t-19 42t-31 41.5"/></svg>How to use the Fontgothic icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:fontgothic" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:fontgothic" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:fontgothic" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--fontgothic]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:fontgothic"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:fontgothic"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/fontgothic.svg" alt="Fontgothic icon" width="24" height="24">Fontgothic icon FAQ
Is the Fontgothic 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 Fontgothic icon in React?
Install @iconify/react and render <Icon icon="whh:fontgothic" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fontgothic icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/fontgothic.svg" alt="Fontgothic icon">, or paste the SVG code inline to style it with CSS.