4d icon
file-icons:4d
The 4d icon (file-icons:4d) 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="M130.257 436.635c-7.498 0-9.286-12.622-.435-12.622c51.03-1.46 40.76-13.614 43.603-52.782V160.102L50.649 304.68h108.935v37.866H14.714c-16.72 0-19.286-8.207-7.21-22.242L208.996 80.03c4.436-4.994 8.291-7.052 11.988-6.976c8.86.358 6.085 6.122 21.127 4.86c26.44-.857 103.867-3.246 136.097 7.047c65.006 13.001 131.208 59.982 133.745 167.398c1.233 51.267-21.91 108.143-68.312 144.684c-33.93 26.718-80.287 41.056-138.68 41.888c-20.964.298-66.027-2.99-105.045-3.36c-39.932-.379-44.474 1.065-69.659 1.065M262.925 304.68c7.29 0 14.185-4.043 18.6-4.765c3.518-.575 5.891 2.728 4.349 10.621s-5.738 21.173-5.738 21.173c-1.713 6.51-4.967 10.837-14.731 10.837h-33.46s-1.142 48.431 8.28 56.204c17.129 16.209 42.371 16.145 73.622 16.145c37.135 0 77.98-14.597 102.682-41.762c23.935-26.32 32.333-64.368 30.954-116.771c-1.814-68.953-37.97-114.788-91.661-140.04c-47.304-22.25-111.141-14.944-111.141-14.944c-8.51.732-13.638 4.174-13.884 11.528V304.68z"/></svg>How to use the 4d icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:4d" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:4d" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:4d" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--4d]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:4d"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:4d"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/4d.svg" alt="4d icon" width="24" height="24">4d icon in other icon sets
4d icon FAQ
Is the 4d 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 4d icon in React?
Install @iconify/react and render <Icon icon="file-icons:4d" />, or use “Copy code” on this page to get a standalone React component.
How do I add the 4d icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/4d.svg" alt="4d icon">, or paste the SVG code inline to style it with CSS.