Openfilefolder icon
fxemoji:openfilefolder
The Openfilefolder icon (fxemoji:openfilefolder) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#BC7520" d="M485.732 57.585H361.479c-7.315 0-14.182 3.891-18.442 10.451L332.18 84.75c-4.261 6.56-11.127 10.451-18.442 10.451H101.364c-12.53 0-22.688 11.205-22.688 25.028v264.55c0 13.823 10.158 25.028 22.688 25.028H428.67a40.4 40.4 0 0 0-.982 8.835c0 22.293 18.072 40.366 40.366 40.366c21.259 0 38.667-16.438 40.238-37.294c.076-.506.128-1.021.128-1.548V82.613c0-13.823-10.157-25.028-22.688-25.028"/><path fill="#FFB636" d="m167.801 183.149l13.57 13.491c5.326 5.295 12.824 8.435 20.139 8.435h212.375c12.53 0 24.507 9.044 26.752 20.201l42.959 213.531c2.245 11.157-6.093 20.201-18.623 20.201H80.605c-12.53 0-24.507-9.044-26.752-20.201L17.658 258.898L6.829 205.075l-2.044-10.16c-2.245-11.157 6.093-20.201 18.623-20.201h124.254c7.315-.001 14.814 3.14 20.139 8.435"/></svg>How to use the Openfilefolder icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:openfilefolder" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:openfilefolder" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:openfilefolder" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--openfilefolder]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:openfilefolder"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:openfilefolder"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/openfilefolder.svg" alt="Openfilefolder icon" width="24" height="24">Openfilefolder icon FAQ
Is the Openfilefolder icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Openfilefolder icon in React?
Install @iconify/react and render <Icon icon="fxemoji:openfilefolder" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Openfilefolder icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/openfilefolder.svg" alt="Openfilefolder icon">, or paste the SVG code inline to style it with CSS.