Conan icon
file-icons:conan
The Conan icon (file-icons:conan) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 481 × 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
- 481 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="481" height="512" viewBox="0 0 481 512"><path fill="currentColor" d="M222.693 207.677c-46.788-2.9-151.013-62.967-49.6-121.072c83.426-47.799 160.802-14.282 208.409 36.792c0 0-27.37 16.852-59.206 32.04c22.495-50.286-61.3-78.374-109.355-52.24c-48.054 26.134-52.773 79.742 65.474 76.619zM480.518 354.38V119.357L235.38 0L0 113.299V340.01L242.727 512zM235.276 11.979L465.77 127.766L235.623 258.997L12.536 121.051zm230.491 129.883v202.594l-91.863 59.74V195.59zm-106.963 63.481V414.61l-116.11 73.25V271.34z"/></svg>How to use the Conan icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:conan" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:conan" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:conan" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--conan]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:conan"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:conan"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/conan.svg" alt="Conan icon" width="24" height="24">Conan icon in other icon sets
Conan icon FAQ
Is the Conan 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 Conan icon in React?
Install @iconify/react and render <Icon icon="file-icons:conan" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Conan icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/conan.svg" alt="Conan icon">, or paste the SVG code inline to style it with CSS.