Plogger icon
whh:plogger
The Plogger icon (whh:plogger) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 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
- 1024 × 896
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="896" viewBox="0 0 1024 896"><path fill="currentColor" d="M1024 640q0 44-13.5 79.5T977 775t-43 33.5t-40.5 18.5t-29.5 5q-42 0-83-16t-69-32t-40-16q-18 0-25 7.5t-7 24.5q0 14 8 38t16 41l8 17q-40 0-68-28t-28-68t28-68t68-28q32 0 57 10t39 22t39 22t57 10q30 0 63-35t33-93q0-62-37-101q-57 37-123 37q-93 0-158.5-65.5T576 352q0-55 25.5-103t68.5-79q-6-46-32.5-76T576 64V0q54 0 96.5 39.5T729 140q38-12 71-12q93 0 158.5 65.5T1024 352q0 81-54 145q54 58 54 143M800 192q-66 0-113 47t-47 113t47 113t113 47t113-47t47-113t-47-113t-113-47M160 768q32 0 57-10t39-22t39-22t57-10q40 0 68 28t28 68t-28 68t-68 28q32-64 32-96q0-17-7-24.5t-25-7.5q-12 0-40 16t-69 32t-83 16q-12 0-29.5-5T90 808.5t-43-34T13.5 719T0 640q0-85 54-143Q0 433 0 352q0-93 65.5-158.5T224 128q33 0 71 12q14-61 56.5-100.5T448 0v64q-35 0-61.5 30T354 170q43 31 68.5 79T448 352q0 93-65.5 158.5T224 576q-66 0-123-37q-37 39-37 101q0 58 33 93t63 35m64-256q66 0 113-47t47-113t-47-113t-113-47t-113 47t-47 113t47 113t113 47"/></svg>How to use the Plogger icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:plogger" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:plogger" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:plogger" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--plogger]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:plogger"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:plogger"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/plogger.svg" alt="Plogger icon" width="24" height="24">Plogger icon FAQ
Is the Plogger 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 Plogger icon in React?
Install @iconify/react and render <Icon icon="whh:plogger" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Plogger icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/plogger.svg" alt="Plogger icon">, or paste the SVG code inline to style it with CSS.