openfolder emoji
openfolder from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- openfolder
- 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 openfolder emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#0074A8" d="M506 316V80.613C506 66.79 495.618 56 483.088 56H358.834c-7.315 0-14.182 3.684-18.442 10.243l-10.856 16.51C325.275 89.313 318.409 93 311.094 93H98.719C86.189 93 76 104.406 76 118.229v264.55C76 396.601 86.189 408 98.719 408h374.914l1.925 10.297c0 8.344 6.877 15.043 15.221 15.043S506 426.509 506 418.165z"/><path fill="#59CAFC" d="M490.779 433.291c-8.344 0-15.221-6.747-15.221-15.091L456.633 316h.017l-18.658-92.761C435.748 212.082 423.771 203 411.241 203H27.616c-12.117 0-21.2 11.13-18.81 23.008l6.207 30.87l36.195 179.914C53.453 447.95 65.43 457 77.96 457h384.369q.708 0 1.399-.039a41 41 0 0 0 1.682.044c20.29 0 37.077-14.97 39.932-34.467c-1.903 6.216-7.74 10.753-14.563 10.753"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiOpenfolder(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#0074A8" d="M506 316V80.613C506 66.79 495.618 56 483.088 56H358.834c-7.315 0-14.182 3.684-18.442 10.243l-10.856 16.51C325.275 89.313 318.409 93 311.094 93H98.719C86.189 93 76 104.406 76 118.229v264.55C76 396.601 86.189 408 98.719 408h374.914l1.925 10.297c0 8.344 6.877 15.043 15.221 15.043S506 426.509 506 418.165z"/><path fill="#59CAFC" d="M490.779 433.291c-8.344 0-15.221-6.747-15.221-15.091L456.633 316h.017l-18.658-92.761C435.748 212.082 423.771 203 411.241 203H27.616c-12.117 0-21.2 11.13-18.81 23.008l6.207 30.87l36.195 179.914C53.453 447.95 65.43 457 77.96 457h384.369q.708 0 1.399-.039a41 41 0 0 0 1.682.044c20.29 0 37.077-14.97 39.932-34.467c-1.903 6.216-7.74 10.753-14.563 10.753"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#0074A8" d="M506 316V80.613C506 66.79 495.618 56 483.088 56H358.834c-7.315 0-14.182 3.684-18.442 10.243l-10.856 16.51C325.275 89.313 318.409 93 311.094 93H98.719C86.189 93 76 104.406 76 118.229v264.55C76 396.601 86.189 408 98.719 408h374.914l1.925 10.297c0 8.344 6.877 15.043 15.221 15.043S506 426.509 506 418.165z"/><path fill="#59CAFC" d="M490.779 433.291c-8.344 0-15.221-6.747-15.221-15.091L456.633 316h.017l-18.658-92.761C435.748 212.082 423.771 203 411.241 203H27.616c-12.117 0-21.2 11.13-18.81 23.008l6.207 30.87l36.195 179.914C53.453 447.95 65.43 457 77.96 457h384.369q.708 0 1.399-.039a41 41 0 0 0 1.682.044c20.29 0 37.077-14.97 39.932-34.467c-1.903 6.216-7.74 10.753-14.563 10.753"/></svg> </template>
CSS
.icon-openfolder {
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%230074A8%22%20d%3D%22M506%20316V80.613C506%2066.79%20495.618%2056%20483.088%2056H358.834c-7.315%200-14.182%203.684-18.442%2010.243l-10.856%2016.51C325.275%2089.313%20318.409%2093%20311.094%2093H98.719C86.189%2093%2076%20104.406%2076%20118.229v264.55C76%20396.601%2086.189%20408%2098.719%20408h374.914l1.925%2010.297c0%208.344%206.877%2015.043%2015.221%2015.043S506%20426.509%20506%20418.165z%22%2F%3E%3Cpath%20fill%3D%22%2359CAFC%22%20d%3D%22M490.779%20433.291c-8.344%200-15.221-6.747-15.221-15.091L456.633%20316h.017l-18.658-92.761C435.748%20212.082%20423.771%20203%20411.241%20203H27.616c-12.117%200-21.2%2011.13-18.81%2023.008l6.207%2030.87l36.195%20179.914C53.453%20447.95%2065.43%20457%2077.96%20457h384.369q.708%200%201.399-.039a41%2041%200%200%200%201.682.044c20.29%200%2037.077-14.97%2039.932-34.467c-1.903%206.216-7.74%2010.753-14.563%2010.753%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%230074A8%22%20d%3D%22M506%20316V80.613C506%2066.79%20495.618%2056%20483.088%2056H358.834c-7.315%200-14.182%203.684-18.442%2010.243l-10.856%2016.51C325.275%2089.313%20318.409%2093%20311.094%2093H98.719C86.189%2093%2076%20104.406%2076%20118.229v264.55C76%20396.601%2086.189%20408%2098.719%20408h374.914l1.925%2010.297c0%208.344%206.877%2015.043%2015.221%2015.043S506%20426.509%20506%20418.165z%22%2F%3E%3Cpath%20fill%3D%22%2359CAFC%22%20d%3D%22M490.779%20433.291c-8.344%200-15.221-6.747-15.221-15.091L456.633%20316h.017l-18.658-92.761C435.748%20212.082%20423.771%20203%20411.241%20203H27.616c-12.117%200-21.2%2011.13-18.81%2023.008l6.207%2030.87l36.195%20179.914C53.453%20447.95%2065.43%20457%2077.96%20457h384.369q.708%200%201.399-.039a41%2041%200%200%200%201.682.044c20.29%200%2037.077-14.97%2039.932-34.467c-1.903%206.216-7.74%2010.753-14.563%2010.753%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/openfolder.svg?color=%231a73e8&size=48
