Pony icon

file-icons:pony

The Pony icon (file-icons:pony) 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="M254.33 455.614c75.196-1.747 161.414-32.468 235.068-83.46l-15.155-21.888a527 527 0 0 1-27.852 18.014c-29.936-29.07-63.74-91.213-63.74-91.213c4.508-15.777 15.778-65.862 38.942-97.917c3.975-5.501 9.03-5.097 9.03-5.097s5.247 18.264 25.05 17.232c5.613 2.14 12.54 4.605 18.301 7.983c31.888 18.698 37.898-8.348 37.898-8.348c2.499-23.098-32.389-60.77-32.389-60.77s-4.145-10.372-8.685-14.142c-6.538-5.43-20.03-18.247-20.03-18.247c-2.129-7.387-5.009-37.814-14.4-41.445c-14.274 4.382-18.357 18.097-19.658 46.955c-38.155 10.9-69.328 30.537-93.905 60.535c-21.653 26.427-72.108 23.577-103.932 8.082c-21.065-10.257-40.537-22.47-59.143-23.794c-19.05-1.356-33.941 3.39-45.242 11.625l-1.112-.785c-58.692-55.41-97.981-19.863-111.351 41.757C-5.42 235.003 18.533 257.985 0 300.713c31.894 2.928 38.987-28.472 40.22-60.855c.949-24.887-1.821-47.435 8.864-63.964c14.015-21.68 44.731-9.898 52.962-4.058c-20.192 25.922-20.737 65.855-9.388 83.193c20.238 30.92 29.55 25.043 22.037 49.334c-7.043 22.773-17.868 44.672-32.913 69.695a311 311 0 0 1-28.284-24.125l-18.443 19.2c32.648 31.36 69.312 54.561 108.975 68.962c32.396 11.762 74.505 18.35 110.3 17.519m160.858-70.007c-51.412 26.103-103.896 40.884-154.46 43.234c-37.75 1.762-73.957-3.551-107.613-15.771c-17.074-6.2-33.553-14.233-49.355-23.992c24.779-36.717 51.064-80.714 74.346-100.06c5.015-4.167 13.398-.388 16.726 1.572c42.238 24.875 100.598 27.515 151.758 5.51c28.748 40.874 63.531 70.468 68.598 89.507"/></svg>

How to use the Pony icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Pony icon FAQ

Is the Pony 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 Pony icon in React?

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

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

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

Browse all File Icons →