Analogright icon
whh:analogright
The Analogright icon (whh:analogright) 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="M1011 469L829 599q-13 9-30.5 9t-30.5-9V297q13-9 31-9t30 9l182 129q13 9 13 21.5t-13 21.5M704 239v418q0 20 17 31.5t38 11t34-10.5l50-31q-57 108-163 173t-232 65q-91 0-174-35.5T131 765T35.5 622T0 448t35.5-174T131 131t143-95.5T448 0q126 0 231.5 64.5T843 237l-50-30q-12-10-33-10.5T721.5 207T704 239"/></svg>How to use the Analogright icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:analogright" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:analogright" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:analogright" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--analogright]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:analogright"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:analogright"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/analogright.svg" alt="Analogright icon" width="24" height="24">Analogright icon FAQ
Is the Analogright 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 Analogright icon in React?
Install @iconify/react and render <Icon icon="whh:analogright" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Analogright icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/analogright.svg" alt="Analogright icon">, or paste the SVG code inline to style it with CSS.