Yui icon
whh:yui
The Yui icon (whh:yui) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 960 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 × 960
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="960" viewBox="0 0 1024 960"><path fill="currentColor" d="M640 960q-95 0-197.5-34.5T256 832q12-34 29-71q-104-68-157-121q14-24 34-54Q78 526 0 448q75-125 229.5-227T593 59.5T1024 0Q640 480 640 960m-64-64q0-173 79-381t209-387q-38 26-109.5 97.5T603.5 391t-151 206.5T352 800q62 48 113.5 72T576 896M96 448q52 48 103 82q202-297 441-429q-94 27-185 72t-160 94t-119 95.5T96 448m128 192q32 32 87 66q88-174 231.5-347.5T822 87q-75 23-152 71.5T530 264T406.5 391T303 520.5T224 640"/></svg>How to use the Yui icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:yui" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:yui" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:yui" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--yui]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:yui"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:yui"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/yui.svg" alt="Yui icon" width="24" height="24">Yui icon in other icon sets
Yui icon FAQ
Is the Yui 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 Yui icon in React?
Install @iconify/react and render <Icon icon="whh:yui" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Yui icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/yui.svg" alt="Yui icon">, or paste the SVG code inline to style it with CSS.