Fountain icon

file-icons:fountain

The Fountain icon (file-icons:fountain) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M64.527 5.534C32.457 5.261-.244 38.615.016 74.815v260.89c-.823 47.585 30.986 78.7 72.404 77.91h80.626l84.398 84.87c13.899 12.724 29.36 8.337 37.368.094l83.228-84.964h88.516c39.53-1.213 66.948-38.667 65.376-67.054c.008-94.492-1.494-113.125.019-271.049c1.38-36.908-26.57-70.64-66.176-69.978zm1.78 22.558h378.224l-.193.003c26.127-.191 44.864 19.764 44.888 47.803l.672 267.394c-.485 28.448-15.661 45.859-45.357 46.993h-95.242l-93.25 93.626l-91.697-93.626l-94.127-.007c-26.702-1.423-47.532-16.716-48.056-45.272l-.065-269.693c-.074-22.308 18.684-47.243 44.203-47.22m378.42 16.452l-378.468.003c-14.985.291-26.645 15.684-27.703 30.422v268.224c2.483 17.748 11.325 29.4 32.296 30.637h100.416l84.88 86.668l86.315-86.668h102.071c17.226-.21 27.836-9.587 28.909-30.685l-.665-266.608c-.794-14.702-9.46-31.695-28.05-31.993zM180.54 94.098h140.943v35.378l-106.388.823v55.946h68.416v36.2h-68.416v99.257H180.54z"/></svg>

How to use the Fountain icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:fountain" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:fountain" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:fountain" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--fountain]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:fountain"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:fountain"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/fountain.svg" alt="Fountain icon" width="24" height="24">

Fountain icon in other icon sets

Fountain icon FAQ

Is the Fountain icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Fountain icon in React?

Install @iconify/react and render <Icon icon="file-icons:fountain" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Fountain icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/fountain.svg" alt="Fountain icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →