Whatsappalt icon
whh:whatsappalt
The Whatsappalt icon (whh:whatsappalt) 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="M544 960q-124 0-233-60L0 1024l124-311Q64 604 64 480q0-98 38-186.5t102.5-153T357.5 38T544 0t186.5 38t153 102.5t102.5 153t38 186.5t-38 186.5t-102.5 153t-153 102.5T544 960m0-832q-96 0-177 47T239 303t-47 177t47 177t128 128t177 47t177-47t128-128t47-177t-47-177t-128-128t-177-47m173 554q-39 39-121.5 11.5t-160-105t-105-160T342 307l47-47q6-6 20.5 1.5T436 286t12 34v64l-32 36q12 45 77.5 110.5T604 608l36-32h64q17 0 34 12t24.5 26.5T764 635z"/></svg>How to use the Whatsappalt icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:whatsappalt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:whatsappalt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:whatsappalt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--whatsappalt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:whatsappalt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:whatsappalt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/whatsappalt.svg" alt="Whatsappalt icon" width="24" height="24">Whatsappalt icon FAQ
Is the Whatsappalt 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 Whatsappalt icon in React?
Install @iconify/react and render <Icon icon="whh:whatsappalt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Whatsappalt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/whatsappalt.svg" alt="Whatsappalt icon">, or paste the SVG code inline to style it with CSS.