Red Old icon
file-icons:red-old
The Red Old icon (file-icons:red-old) 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
- Tags
- redold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m89.588 211.429l73.198-24.725v24.66l91.145 41.08l95.283-42.649v-23.052l72.182 24.686v95.677l-165.863 72.45l-165.945-71.52zm339.99 77.11v23.805l-174.025 75.932L81.533 313.3v-25.84L6.214 314.286v92.571L256 512l249.786-105.143v-92.571zM291.927 95.779v32.727c-24.167 9.87-48.822 11.64-74.285 0V96.69l-46.857 17.596v91.909l83.156 37.479l87.272-39.063v-90.325zm-8-83.778c0-6.312-13.047-12-29.142-12s-29.143 5.688-29.143 12v111.333c6.793 3.057 17.318 5.238 29.143 5.238s22.349-2.181 29.143-5.238z"/></svg>How to use the Red Old icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:red-old" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:red-old" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:red-old" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--red-old]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:red-old"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:red-old"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/red-old.svg" alt="Red Old icon" width="24" height="24">Related icons in File Icons
Red Old icon FAQ
Is the Red Old 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 Red Old icon in React?
Install @iconify/react and render <Icon icon="file-icons:red-old" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Red Old icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/red-old.svg" alt="Red Old icon">, or paste the SVG code inline to style it with CSS.