Water Fountain Jet icon
streamline-ultimate-color:water-fountain-jet
The Water Fountain Jet icon (streamline-ultimate-color:water-fountain-jet) is a free SVG icon from the Ultimate color icons set by Streamline. It is drawn on a 24 × 24 grid. Ultimate color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ultimate color icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Wayfinding
- Tags
- waterfountain, fountainjet, waterfountainjet
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#e3e3e3" d="M2.913 17.26V9.13a8.13 8.13 0 1 1 16.261 0a.48.48 0 0 1-.478.479h-2.14a.25.25 0 0 1-.252-.253a5.413 5.413 0 0 0-4.744-5.462A5.26 5.26 0 0 0 5.783 9.13v8.13z"/><path fill="#66e1ff" d="m15.587 12.478l-1.435 9.087h7.653l-1.435-9.087z"/><path fill="#fff" d="M11.044 1a8.13 8.13 0 0 0-8.13 8.13v8.13h1.434V9.13a6.696 6.696 0 1 1 13.391 0l.01.479h.947a.48.48 0 0 0 .478-.479A8.13 8.13 0 0 0 11.044 1"/><path fill="#e3e3e3" d="M6.74 20.609v1.913a.48.48 0 0 1-.48.478H2.436a.48.48 0 0 1-.478-.478v-4.783a.48.48 0 0 1 .478-.478H6.26a.48.48 0 0 1 .478.478v.478"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M6.74 20.609v1.913a.48.48 0 0 1-.48.478H2.436a.48.48 0 0 1-.478-.478v-4.783a.48.48 0 0 1 .478-.478H6.26a.48.48 0 0 1 .478.478v.478m-3.825-.957V9.13a8.13 8.13 0 1 1 16.261 0a.48.48 0 0 1-.478.479h-2.14a.25.25 0 0 1-.252-.253a5.413 5.413 0 0 0-4.744-5.462A5.26 5.26 0 0 0 5.783 9.13v8.13"/><path fill="gray" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M4.386 19.445a.956.956 0 1 0 .706 1.778l4-1.589a.957.957 0 0 0-.706-1.778z"/><path stroke="#191919" d="M15.587 12.957a.24.24 0 0 1 0-.479m0 .479a.24.24 0 0 0 0-.479m2.391.479a.24.24 0 0 1 0-.479m.001.479a.24.24 0 0 0 0-.479m2.391.479a.24.24 0 0 1 0-.479m0 .479a.24.24 0 1 0 0-.479m.478 3.348a.24.24 0 0 1 0-.478m0 .478a.239.239 0 0 0 0-.478m.478 3.348a.239.239 0 1 1 0-.479m0 .479a.24.24 0 0 0 0-.479m.479 3.313a.24.24 0 1 1 0-.479"/><path stroke="#191919" d="M21.804 21.53a.24.24 0 0 0 0-.479m-3.826.514a.24.24 0 0 1 0-.478m.001.478a.24.24 0 0 0 0-.478m-.001-2.391a.239.239 0 1 1 0-.479m.001.479a.24.24 0 0 0 0-.479m-.001-2.391a.24.24 0 0 1 0-.478m.001.478a.24.24 0 0 0 0-.478m-2.87.478a.24.24 0 1 1 0-.478m0 .478a.24.24 0 0 0 0-.478m-.479 3.348a.239.239 0 1 1 0-.479m0 .479a.24.24 0 0 0 0-.479m-.478 3.313a.24.24 0 0 1 0-.479m0 .479a.24.24 0 1 0 0-.479"/></g></svg>How to use the Water Fountain Jet icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:water-fountain-jet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:water-fountain-jet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:water-fountain-jet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--water-fountain-jet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:water-fountain-jet"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:water-fountain-jet"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/water-fountain-jet.svg" alt="Water Fountain Jet icon" width="24" height="24">Related icons in Ultimate color icons
Water Fountain Jet icon in other icon sets
Water Fountain Jet icon FAQ
Is the Water Fountain Jet icon free for commercial use?
Yes. Ultimate color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Water Fountain Jet icon in React?
Install @iconify/react and render <Icon icon="streamline-ultimate-color:water-fountain-jet" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Water Fountain Jet icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/water-fountain-jet.svg" alt="Water Fountain Jet icon">, or paste the SVG code inline to style it with CSS.