Spray icon
flat-ui:spray
The Spray icon (flat-ui:spray) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 100 × 100 grid. Flat UI Icons are released under the MIT 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
- Flat UI Icons
- Author
- Designmodo, Inc.
- License
- MIT
- Size
- 100 × 100
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#34495E" d="M50 0c27.613 0 50 22.386 50 50s-22.387 50-50 50C22.386 100 0 77.614 0 50S22.386 0 50 0"/><defs><circle id="SVGifCBlePx" cx="50" cy="50" r="50"/></defs><clipPath id="SVGtcVZrdEc"><use href="#SVGifCBlePx"/></clipPath><g clip-path="url(#SVGtcVZrdEc)"><path fill="#1ABC9C" d="M20 66h60v64H20z"/><path fill="#17A085" d="M20 71h30v59H20z"/><path fill="#FFF55C" d="M50 86c12.15 0 22 9.85 22 22s-9.85 22-22 22s-22-9.85-22-22s9.85-22 22-22"/><path fill="#E5DC52" d="M50 86c.008.023-.005 44.037 0 44c-12.15 0-22-9.85-22-22s9.85-22 22-22"/><path fill="#687786" d="M34 24h32a4 4 0 0 1 4 4v21a4 4 0 0 1-4 4H34a4 4 0 0 1-4-4V28a4 4 0 0 1 4-4"/><path fill="#fff" d="M45 34h10a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H45a4 4 0 0 1-4-4V38a4 4 0 0 1 4-4"/><path fill="#EBEDEE" d="M40 48h20c11.046 0 20 8.954 20 20H20c0-11.046 8.954-20 20-20"/><path fill="#BDC3C7" d="M20 67h60a2 2 0 0 1 0 4H20a2 2 0 0 1 0-4m11-19h38c2.016 0 3 4 3 4H28s.954-4 3-4"/><path fill="#AAAFB3" d="M20 67a2 2 0 0 0 0 4h30v-4z"/><path fill="#D3D5D6" d="M50 67V52H28.036c-4.619 3.46-7.681 8.859-7.986 15z"/><path fill="#AAAFB3" d="M31 48c-2.046 0-3 4-3 4h22v-4z"/><path fill="#E5E5E5" d="M50 34h-5a4 4 0 0 0-4 4v10h9z"/><path fill="#E74C3C" d="M50 39a3 3 0 1 1 0 6a3 3 0 0 1 0-6"/></g></svg>
How to use the Spray icon
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:spray" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:spray" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:spray" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--spray]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:spray"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:spray"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/flat-ui/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. Flat UI Icons are released under the MIT 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="flat-ui: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/flat-ui/spray.svg" alt="Spray icon">, or paste the SVG code inline to style it with CSS.
Browse all Flat UI Icons →
ICONYZ
