Avro icon

file-icons:avro

The Avro icon (file-icons:avro) 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="M170.917 303.572h-6.344l3.66-15.497zm47.929-89.98l-33.914 23.518c-31.196-30.849-81.268-3.105-145.277-31.955c53.72 12.812 125.55-14.711 179.19 8.438M41.507 216.25c31.36 11.693 61.84 16.136 94.228 14.637c3.533 1.576 6.338 5.025 7.946 8.31c-60.4 5.943-87.574-12.157-102.174-22.947m13.559 18.786c28.784 11.047 54.886 17.572 92.053 11.055c0 0 5.51 4.431 5.662 6.734c-49.952 9.308-69.425 1.193-97.715-17.79m99.519 25.408c-27.002 14.45-62.478 10.501-70.622-.346c29.311 5.801 48.47 4.776 70.622.346m317.76-55.288c-64.01 28.85-114.081 1.106-145.277 31.955l-33.914-23.517c53.641-23.15 125.47 4.374 179.191-8.438m-104.026 34.041c1.608-3.285 4.413-6.734 7.946-8.31c32.387 1.5 62.868-2.944 94.228-14.637c-14.6 10.79-41.774 28.89-102.174 22.947m-9.1 13.628c.152-2.303 5.662-6.734 5.662-6.734c37.167 6.517 63.269-.008 92.053-11.055c-28.29 18.982-47.763 27.097-97.715 17.789m68.818 7.273c-8.144 10.847-43.62 14.797-70.622.346c22.152 4.43 41.31 5.455 70.622-.346m-280.836 58.4H98.596l60.103-40.219zm13.217.163l1.125-4.953h11.991l.981 4.953zm27.896.11l-14.46-50.583l19.164-13.235l19.445 63.818zm16.334-71.542l30.446-20.63l-16.452 67.767zm49.111 71.213h-28.555l25.164-101.97l3.391-1.865zm12.212-87.172c26.153 24.858 29.021 36.253 0 37.412zm.164 87.391l.046-32.85l22.768 32.85zm37.22 0l-25.886-38.554c24.888-5.781 29.032-22.265 8.098-47.42c15.43 10.73 31.26 20.603 46.507 31.571c-21.429 8.252-28.366 39.402-2.925 54.403zm24.229-18.835c-9.642-18.78 16.537-37.237 22.478-10.395c1.94 16.447-14.535 25.754-22.478 10.395m85.62 18.561h-67.64c13.125-6.093 19.922-20.796 16.033-34.733zM228.842 207.404C146.552 169.332 57.868 232.236.03 176.119c-1.073 20.555 28.153 39.973 40.869 58.285c7.25 13.106 21.794 25.196 34.66 31.133c8.18 14.368 17.73 13 45.848 13.674L38.23 335.88h435.886l-83.521-56.67c28.117-.674 37.668.694 45.848-13.674c12.866-5.937 27.41-18.027 34.66-31.133c12.716-18.312 41.942-37.73 40.87-58.285c-57.84 56.117-146.498-6.787-228.789 31.285l-27.176-18.08z"/></svg>

How to use the Avro icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Avro icon in other icon sets

Avro icon FAQ

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

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

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

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

Browse all File Icons →