Viber icon
whh:viber
The Viber icon (whh:viber) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1026 × 1025 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
- 1026 × 1025
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1026" height="1025" viewBox="0 0 1026 1025"><path fill="currentColor" d="M904 790q-69 61-200 87.5T434 893l-176 132V860q-87-27-136-70q-58-51-90-146.5t-32-195t32-195t90.5-147t167.5-79T513 0t223 27.5t167.5 79t90.5 147t32 195t-32 195T904 790M639 545l65 11q-8-120-92.5-205T407 258l11 65q86 11 148 73t73 149M429 390l12 72q40 20 59 59l72 12q-12-53-51-91.5T429 390m-107 59v-64q0-17-12.5-34T283 326.5t-21-1.5l-46 47q-39 39-11.5 121.5t105 160t160 105T590 747l47-47q7-6-.5-20.5T612 653t-34-12h-64l-37 32q-44-12-109.5-77.5T290 485zm64-320l10 65q100 2 185 52.5t135 135T769 566l65 11q0-91-35.5-174T703 260t-143-95.5T386 129"/></svg>
How to use the Viber icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:viber" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:viber" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:viber" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--viber]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:viber"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:viber"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/viber.svg" alt="Viber icon" width="24" height="24">
Viber icon in other icon sets
Viber icon FAQ
Is the Viber 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 Viber icon in React?
Install @iconify/react and render <Icon icon="whh:viber" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Viber icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/viber.svg" alt="Viber icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
