Appveyor icon

file-icons:appveyor

The Appveyor icon (file-icons:appveyor) 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" fill-rule="evenodd" d="M255.172 0C397.67 0 512 114.33 512 255.172A255.993 255.993 0 0 1 255.172 512C114.33 512 0 397.67 0 255.172C0 114.33 114.33 0 255.172 0m62.964 304.88c-28.168 36.453-79.534 43.081-114.33 14.913c-34.796-26.511-39.767-77.877-11.599-114.33c29.825-34.796 81.191-41.424 115.987-14.913c34.796 28.168 39.767 79.534 9.942 114.33m-135.87 167.353l97.76-94.447c-36.453 8.285-74.563 1.657-104.388-23.197c-34.797-26.511-49.71-71.25-44.738-112.673l-87.82 96.103s-11.598-21.54-14.912-61.307l154.097-120.958c46.395-33.14 109.36-34.796 154.097 0c49.71 39.767 59.65 112.673 23.198 167.353L246.887 483.832c-16.57 0-49.709-4.971-64.622-11.599" clip-rule="evenodd"/></svg>

How to use the Appveyor icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Appveyor icon in other icon sets

Appveyor icon FAQ

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

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

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

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

Browse all File Icons →