Snews icon
whh:snews
The Snews icon (whh:snews) 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
- Tags
- snew
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M842.5 532Q790 562 735 571.5t-95-2.5q10-42 45.5-83t88.5-71q193-110 250-93q-10 41-69.5 110.5t-112 99.5M583 384q-12-31-4.5-78.5T613 207Q710 23 763 0q12 32-.5 111T723 240.5T658.5 329T583 384M256 640q106 0 181 56t75 135.5t-75 136t-181 56.5t-181-56T0 832h128q0 26 37.5 45t90.5 19t90.5-19t37.5-45.5t-37.5-45T256 768q-106 0-181-56.5t-75-136T75 440t181-56t181 56t75 136H384q0-27-37.5-45.5T256 512t-90.5 18.5t-37.5 45t37.5 45.5t90.5 19m135-400q-12-52-3.5-130T415 0q44 23 89 207q12 52 7 98t-25 79q-31-17-56.5-55T391 240"/></svg>How to use the Snews icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:snews" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:snews" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:snews" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--snews]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:snews"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:snews"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/snews.svg" alt="Snews icon" width="24" height="24">Snews icon FAQ
Is the Snews 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 Snews icon in React?
Install @iconify/react and render <Icon icon="whh:snews" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Snews icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/snews.svg" alt="Snews icon">, or paste the SVG code inline to style it with CSS.