Abif icon

file-icons:abif

The Abif icon (file-icons:abif) 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="M225.624 199.737c47.644 36.153 68.94 62.995 54.67 117.866c-60.562-39.2-64.788-79.46-54.67-117.866M212.71 160.5c3.819-12.903 7.884-28.791 7.188-48.659H178.89c2.785 25.588 13.7 32.072 33.82 48.66m81.334 195.897c-4.463 14.163-7.911 27.41-7.845 40.603h39.92c-5.828-17.605-17.793-28.614-32.075-40.603m-20.991-14.032c-5.58 17.197-11.51 35.593-11.76 54.635h-51.175l-16.012-54.49h-91.459l-18.125 57.65L0 397l104.269-285.159h49.733c3.745 38.477 26.056 55.42 50.661 73.044c-21.496 56.538-.347 113.294 68.389 157.48m-93.25-58.278l-27.15-98.884l-31.152 98.884zm332.197 42.728c-.181 35.479-26.293 69.279-65.698 70.185H350.38c-4.503-27.888-25.825-48.193-48.186-64.804c25.865-68.441-13.793-122.64-68.718-156.874c6.091-17.888 11.396-37.37 10.911-63.48h54.991c53.084 0 103.031-1.037 139.106 37.21c26.933 28.555 24.266 70.886-8.343 97.501c49.932 3.989 82.04 44.783 81.86 80.262m-139.605-109.9c27.943.23 30.252-46.88-22.401-47.574h-44.11l13.777 47.725zm20.32 72.765l-51.968.492l15.65 50.473h57.542c34.823-6.576 23.614-49.62-21.223-50.965"/></svg>

How to use the Abif icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Abif icon FAQ

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

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

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

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

Browse all File Icons →