Ampl icon
file-icons:ampl
The Ampl icon (file-icons:ampl) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M493.05 320.165c8.962 17.029 7.697 40.824-16.95 56.06c-6.053 51.638-45.484 54.964-110.704 18.19h-57.814c.65 14.051-29.754 82.55-57.86 82.143c-30.92-.448-96.117-55.74-160.425-62.736c-107.1-11.651-89.084-48.286-86.72-60.9c2.756-14.695 54.867-79.092 97.48-129.82c27.778-51.263 55.58-62.375 55.58-62.375s-6.834-80.613 4.015-101.325c30.024-13.443 67.05 9.59 82.415 35.103h108.482c28.231-22.148 50.573-39.52 61.392-32.007c16.132 11.203 14.861 43.104 3.137 82.006l48.906 42.27l-6.368 18.715L512 300.088zM340.98 203.67c-5.894-.313-15.89.479-22.418 2.786c5.19 14.174 28.748 31.342 42.522 30.544c15.55-.902 14.462-27.45 14.462-27.45s-5.11-1.413-8.854-2.649c.94 10.353-1.373 16.163-4.885 18.622c-3.966 2.777-11.703 1.792-16.484-2.544c-3.37-3.058-3.817-10.068-2.94-15.539c1.284 2.313 3.344 4.212 6.431 4.423c4.19.285 5.169-5.814 5.169-5.814c-3.444-2.059-8.251-2.225-13.003-2.38"/></svg>How to use the Ampl icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:ampl" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:ampl" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:ampl" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--ampl]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:ampl"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:ampl"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/ampl.svg" alt="Ampl icon" width="24" height="24">Ampl icon in other icon sets
Ampl icon FAQ
Is the Ampl 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 Ampl icon in React?
Install @iconify/react and render <Icon icon="file-icons:ampl" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ampl icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/ampl.svg" alt="Ampl icon">, or paste the SVG code inline to style it with CSS.