Oneup icon
whh:oneup
The Oneup icon (whh:oneup) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 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
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M896 768v64q0 84-50 138t-142 54H320q-92 0-142-54t-50-138v-64q-48 0-88-40T0 640V512q0-104 40.5-199t109-163.5T313 40.5T512 0t199 40.5t163.5 109t109 163.5t40.5 199v128q0 48-40 88t-88 40m-704 64q0 53 37.5 90.5T320 960h384q53 0 90.5-37.5T832 832v-70h-2q-7-22-51.5-40T704 704h-64v96q0 13-9.5 22.5T608 832t-22.5-9.5T576 800v-96H448v96q0 13-9.5 22.5T416 832t-22.5-9.5T384 800v-96h-64q-30 0-75 18t-51 40h-2zm-45-574Q64 376 64 512v42q30 22 64 22q53 0 90.5-47T256 416q0-60-31.5-104.5T147 258M446 70Q314 90 213 183q17 34 45.5 53.5T320 256q53 0 90.5-47T448 96q0-11-2-26M320 480q0 66 56 113t136 47t136-47t56-113t-56-113t-136-47t-136 47t-56 113M578 70q-2 15-2 26q0 66 37.5 113t90.5 47q33 0 61.5-19.5T811 183Q710 90 578 70m382 442q0-136-83-254q-46 9-77.5 53.5T768 416q0 66 37.5 113t90.5 47q33 0 64-22z"/></svg>How to use the Oneup icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:oneup" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:oneup" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:oneup" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--oneup]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:oneup"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:oneup"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/oneup.svg" alt="Oneup icon" width="24" height="24">Related icons in WebHostingHub Glyphs
Oneup icon FAQ
Is the Oneup 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 Oneup icon in React?
Install @iconify/react and render <Icon icon="whh:oneup" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Oneup icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/oneup.svg" alt="Oneup icon">, or paste the SVG code inline to style it with CSS.