Binder icon

file-icons:binder

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="401" height="512" viewBox="0 0 401 512"><path fill="currentColor" d="M187.108 119.54c44.683 14.08 79.79 49.388 93.925 93.986c-20.201-3.46-41.02-2.548-61.815 2.569c-5.46-10.045-12.708-18.98-21.563-26.113c-15.814-23.532-19.29-48.414-10.547-70.441M256.062 0C122.05 4.043 65.35 158.182 156.869 247.492c14.914-12.844 31.932-21.611 50.516-27.825c-72.735-67.365-26.535-160.744 48.777-161.434c87.548.904 118.727 113.81 43.523 159.527c20.91 6.047 39.897 16.213 56.2 29.755C451.75 151.462 382.03 1.523 256.062 0m144.244 367.53C399.25 209.841 176.65 160.701 118.77 325.858c26.838 9.3 48.866 3.467 68.468-9.265c54.924-68.77 154.868-27.232 154.868 50.935c-1.936 83.953-110.092 122.496-161.012 40.65c-19.967 4.83-40.559 5.9-61.92 2.332c55.797 160.53 277.556 118.95 281.133-42.982M104.634 180.702a154.5 154.5 0 0 1-2.348-61.588C43.216 137.067 0 191.782 0 256.64c5.85 168.8 230.13 196.52 281.465 41.915c-23.671-10.099-54.44-3.138-70.25 11.028c-49.046 56.158-111.798 32.909-138.468-6.07c-26.136-38.2-19.048-91.56 31.887-122.811"/></svg>

How to use the Binder icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Binder icon FAQ

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

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

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

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

Browse all File Icons →