openfilefolder emoji

openfilefolder from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.

Name
openfilefolder
Set
Firefox OS Emoji
Style
Default
Category
Objects
Viewbox
512×512
License
Apache 2.0

More objects icons from Firefox OS Emoji

admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub

Use the openfilefolder emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function FxemojiOpenfilefolder(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-openfilefolder {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23BC7520%22%20d%3D%22M485.732%2057.585H361.479c-7.315%200-14.182%203.891-18.442%2010.451L332.18%2084.75c-4.261%206.56-11.127%2010.451-18.442%2010.451H101.364c-12.53%200-22.688%2011.205-22.688%2025.028v264.55c0%2013.823%2010.158%2025.028%2022.688%2025.028H428.67a40.4%2040.4%200%200%200-.982%208.835c0%2022.293%2018.072%2040.366%2040.366%2040.366c21.259%200%2038.667-16.438%2040.238-37.294c.076-.506.128-1.021.128-1.548V82.613c0-13.823-10.157-25.028-22.688-25.028%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22m167.801%20183.149l13.57%2013.491c5.326%205.295%2012.824%208.435%2020.139%208.435h212.375c12.53%200%2024.507%209.044%2026.752%2020.201l42.959%20213.531c2.245%2011.157-6.093%2020.201-18.623%2020.201H80.605c-12.53%200-24.507-9.044-26.752-20.201L17.658%20258.898L6.829%20205.075l-2.044-10.16c-2.245-11.157%206.093-20.201%2018.623-20.201h124.254c7.315-.001%2014.814%203.14%2020.139%208.435%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23BC7520%22%20d%3D%22M485.732%2057.585H361.479c-7.315%200-14.182%203.891-18.442%2010.451L332.18%2084.75c-4.261%206.56-11.127%2010.451-18.442%2010.451H101.364c-12.53%200-22.688%2011.205-22.688%2025.028v264.55c0%2013.823%2010.158%2025.028%2022.688%2025.028H428.67a40.4%2040.4%200%200%200-.982%208.835c0%2022.293%2018.072%2040.366%2040.366%2040.366c21.259%200%2038.667-16.438%2040.238-37.294c.076-.506.128-1.021.128-1.548V82.613c0-13.823-10.157-25.028-22.688-25.028%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22m167.801%20183.149l13.57%2013.491c5.326%205.295%2012.824%208.435%2020.139%208.435h212.375c12.53%200%2024.507%209.044%2026.752%2020.201l42.959%20213.531c2.245%2011.157-6.093%2020.201-18.623%2020.201H80.605c-12.53%200-24.507-9.044-26.752-20.201L17.658%20258.898L6.829%20205.075l-2.044-10.16c-2.245-11.157%206.093-20.201%2018.623-20.201h124.254c7.315-.001%2014.814%203.14%2020.139%208.435%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/openfilefolder.svg?color=%231a73e8&size=48