Ecere icon

file-icons:ecere

The Ecere icon (file-icons:ecere) 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="m507.812 244.213l-60.734-60.734a14.3 14.3 0 0 0-10.112-4.189h-.036a14.3 14.3 0 0 0-10.128 4.24l-50.8 51.32l-40.317-39.967l50.254-49.744a14.304 14.304 0 0 0 .004-20.323L324.81 64.255c-5.573-5.521-14.555-5.522-20.129 0L254.28 114.19l-49.117-48.687c-5.557-5.507-14.508-5.527-20.09-.045l-60.027 58.968a14.3 14.3 0 0 0-.09 20.314l49.015 49.015l-40.345 39.97l-48.832-48.833c-5.585-5.584-14.64-5.585-20.224 0l-60.38 60.38c-5.585 5.585-5.585 14.64 0 20.225l58.615 58.616c5.566 5.566 14.585 5.588 20.177.046l50.55-50.08l40.537 40.536l-51.538 51.015a14.3 14.3 0 0 0 .035 20.361l62.852 61.793a14.26 14.26 0 0 0 10.025 4.103c3.685 0 7.368-1.415 10.164-4.24l50.489-51.006l49.622 49.623c5.584 5.584 14.64 5.584 20.224 0l60.38-60.381c5.586-5.585 5.586-14.64 0-20.224l-50.031-50.032l39.905-40.315l51.056 50.61a14.3 14.3 0 0 0 10.068 4.144h.093a14.3 14.3 0 0 0 10.107-4.276l60.38-61.44c5.502-5.6 5.463-14.586-.087-20.136M314.746 94.545l40.808 40.426l-40.183 39.776l-40.779-40.421zm-19.704 100.323l-39.957 39.552l-40.572-40.572l39.76-39.392zm-139.66-60.15l39.667-38.968l38.91 38.57l-39.671 39.304zm-82.42 159.103l-38.438-38.438l40.156-40.156l38.626 38.625zm80.887-39.874l40.344-39.97l40.563 40.564l-40.362 39.951zm41.456 163.448l-42.352-41.638l41.339-40.92l41.577 41.578zm60.685-61.307l-41.37-41.371l40.36-39.952l40.963 40.962zm99.995 19.68l-40.157 40.157l-39.613-39.612l39.952-40.362zM316.064 295.4l-40.756-40.756l40.047-39.64l40.526 40.17zm121.121.096l-40.87-40.513l40.702-41.117l40.545 40.545z"/></svg>

How to use the Ecere icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Ecere icon FAQ

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

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

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

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

Browse all File Icons →