Editorconfig icon
file-icons:editorconfig
The Editorconfig icon (file-icons:editorconfig) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M148.743 77.336c0 16.862 8.12 31.838 20.658 41.236c-53.158 8.159-112.955 48.462-126.828 83.549c-19.105-10.357-42.566.707-42.566 18.904c-.5 17.261 26 32.636 47.142 15.639c5.147 6.557 12.632 12.17 21.683 16.706c-.223 7.563-.32 29.378 2.813 33.443c4.1 5.322 48.682 4.902 50.533.086c1.028-2.675 1.665-14.224 2.057-20.474c14.448.586 29.269-.692 43.163-4.075c-2.446 5.466-4.42 14.68-2.765 25.33c-46.664 31.125-72.627 97.479-25.46 155.227c-29.307 10.365-57.758 25.212-56.681 43.579c42.044-.877 194.52 0 194.52 0c9.326 0 18.183-1.218 26.52-3.5C685.195 433.557 299.782 138.22 512 48.294C265.585 92.634 604.154 401.3 349.673 446.759c63.36-55.305 41.624-224.226-62.357-300.126c26.876-4.7 47.334-28.174 47.334-56.391c.8-41.23-49.372-79.03-93.553-44.25c-28.327-37.529-90.525-21.378-92.354 31.344"/></svg>How to use the Editorconfig icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:editorconfig" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:editorconfig" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:editorconfig" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--editorconfig]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:editorconfig"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:editorconfig"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/editorconfig.svg" alt="Editorconfig icon" width="24" height="24">Editorconfig icon in other icon sets
Editorconfig icon FAQ
Is the Editorconfig 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 Editorconfig icon in React?
Install @iconify/react and render <Icon icon="file-icons:editorconfig" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Editorconfig icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/editorconfig.svg" alt="Editorconfig icon">, or paste the SVG code inline to style it with CSS.