Spray icon
whh:spray
The Spray icon (whh:spray) 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="M992 192q-13 0-22.5-9.5T960 160t9.5-22.5T992 128t22.5 9.5t9.5 22.5t-9.5 22.5T992 192M928 64q-13 0-22.5-9.5T896 32t9.5-22.5T928 0t22.5 9.5T960 32t-9.5 22.5T928 64m-64 128q-13 0-22.5-9.5T832 160t9.5-22.5T864 128t22.5 9.5T896 160t-9.5 22.5T864 192m-64-96q-13 0-22.5-9.5T768 64t9.5-22.5T800 32t22.5 9.5T832 64t-9.5 22.5T800 96m-64 96q-13 0-22.5-9.5T704 160t9.5-22.5T736 128t22.5 9.5T768 160t-9.5 22.5T736 192m-64-64q-13 0-22.5-9.5T640 96t9.5-22.5T672 64t22.5 9.5T704 96t-9.5 22.5T672 128m-64 64q-13 0-22.5-9.5T576 160t9.5-22.5T608 128t22.5 9.5T640 160t-9.5 22.5T608 192m-128 0q-13 0-22.5-9.5T448 160t9.5-22.5T480 128t22.5 9.5T512 160t-9.5 22.5T480 192m142 212q18 18 18 44v448q0 53-37.5 90.5T512 1024H128q-53 0-90.5-37.5T0 896V450q-1-27 17-46l175-174V64q0-26 19-45t45-19h128q27 0 45.5 19T448 64v167zm50-212q13 0 22.5 9.5T704 224t-9.5 22.5T672 256t-22.5-9.5T640 224t9.5-22.5T672 192m128 32q13 0 22.5 9.5T832 256t-9.5 22.5T800 288t-22.5-9.5T768 256t9.5-22.5T800 224m128 32q13 0 22.5 9.5T960 288t-9.5 22.5T928 320t-22.5-9.5T896 288t9.5-22.5T928 256"/></svg>
How to use the Spray icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:spray" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:spray" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:spray" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--spray]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:spray"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:spray"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/spray.svg" alt="Spray icon" width="24" height="24">
Spray icon in other icon sets
Spray icon FAQ
Is the Spray 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 Spray icon in React?
Install @iconify/react and render <Icon icon="whh:spray" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Spray icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/spray.svg" alt="Spray icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
