Fontforge icon

file-icons:fontforge

The Fontforge icon (file-icons:fontforge) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 450 × 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: 450 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="450" height="512" viewBox="0 0 450 512"><path fill="currentColor" d="M114.066 406.858c28.936 29.395 82.941 25.975 122.487-.66l-75.197 69.838l.513-12.718l-10.461-.413l-.751 19.11l-19.122-.755l-.422 10.446l19.119.766l-.763 19.106l10.445.422l.767-19.119l19.118.767l.422-10.445l-10.747-.436l74.252-68.543c19.354 11.085 36.224-10.224 27.825-25.68l76.077-70.245l-.456 11.366l10.462.412l.75-19.11l19.122.755l.422-10.446l-19.119-.766l.764-19.106l-10.446-.422l-.766 19.119l-19.119-.767l-.422 10.445l12.104.481l-76.858 70.45c32.027-37.506 42.56-133.925 64.812-221.843h45.772c14.473.94 19.467-29.443 7.991-28.577h-46.498c8.96-49.646 26.882-106.558 48.436-106.558c26.397 0 17.194 42.623 35.842 42.623c17.195 0 28.577-12.593 28.577-30.514c-3.154-52.508-83.523-42.162-116.245-2.18c-10.656-13.32-31.968-21.07-55.217-21.07c-72.169 0-111.402 56.913-129.08 117.7h-32.21c-12.352 0-15.984 11.866-15.984 21.553c0 3.633.726 7.023 6.296 7.023h34.632S111.886 302.48 92.512 372.468c-8.84 31.935-16.226 34.874-26.882 34.874c-22.038 0-24.46-21.312-44.076-21.312C10.414 386.03 0 401.772 0 412.186c.475 30.404 60.93 45.664 114.066-5.328m24.702-33.179c18.123-37.146 35.198-116.251 56.428-214.812h79.918s-24.218 121.574-46.013 200.04c-14.266 58.62-68.953 40.999-90.333 14.772M282.38 130.29h-80.888C209 93.48 224.5 36.81 258.646 36.81c17.921 0 38.022 11.382 49.647 29.788c-10.414 18.647-20.101 41.412-25.913 63.692"/></svg>

How to use the Fontforge icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Fontforge icon in other icon sets

Fontforge icon FAQ

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

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

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

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

Browse all File Icons →