file folder emoji
file-folder from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- file-folder
- Set
- Noto Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More objects icons from Noto Emoji
Use the file folder emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f3ab47" d="M46.19 27.93v-1.74c0-3.47-2.08-4.19-4.36-3.78l-19.1 3.45c-2.29.41-3.97 2.47-3.97 4.87v4.44c0 1.62-1.13 3.01-2.68 3.29l-.34.06c-1.34.24-2.33 1.44-2.33 2.85l1.08 74.03s-.08 1.18 1.03 1.26c1.15.08 2.02-.8 3.17-1.07l89.64-21.36c1.34-.24 2.33-1.44 2.33-2.85V25.35c0-1.79-1.56-3.15-3.27-2.85l-56.31 9.69c-2.55.45-4.89-.51-4.89-4.26"/><path fill="#ffe36c" d="M112.56 91.65L114.58 32c0-1.79-1.56-3.15-3.27-2.85l-56.27 9.62a5.724 5.724 0 0 0-4.75 5.29l-.23 3.77a6.5 6.5 0 0 1-5.41 6.02L22 57.66a4.67 4.67 0 0 0-3.89 4.6l-2.59 54.38s.33.14 4.04-.8l89.2-21.11c1.35-.22 2.89-1.48 3.8-3.08"/><path fill="none" stroke="#fff9c4" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="m21.63 58.73l22.76-3.89c5.7-1.27 6.61-3.43 6.6-7.97L51 45.7c.18-3.42 1.84-5.44 5.21-6.02l55.67-9.65"/></svg>
React
import type { SVGProps } from "react";
export function NotoFileFolder(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f3ab47" d="M46.19 27.93v-1.74c0-3.47-2.08-4.19-4.36-3.78l-19.1 3.45c-2.29.41-3.97 2.47-3.97 4.87v4.44c0 1.62-1.13 3.01-2.68 3.29l-.34.06c-1.34.24-2.33 1.44-2.33 2.85l1.08 74.03s-.08 1.18 1.03 1.26c1.15.08 2.02-.8 3.17-1.07l89.64-21.36c1.34-.24 2.33-1.44 2.33-2.85V25.35c0-1.79-1.56-3.15-3.27-2.85l-56.31 9.69c-2.55.45-4.89-.51-4.89-4.26"/><path fill="#ffe36c" d="M112.56 91.65L114.58 32c0-1.79-1.56-3.15-3.27-2.85l-56.27 9.62a5.724 5.724 0 0 0-4.75 5.29l-.23 3.77a6.5 6.5 0 0 1-5.41 6.02L22 57.66a4.67 4.67 0 0 0-3.89 4.6l-2.59 54.38s.33.14 4.04-.8l89.2-21.11c1.35-.22 2.89-1.48 3.8-3.08"/><path fill="none" stroke="#fff9c4" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="2" d="m21.63 58.73l22.76-3.89c5.7-1.27 6.61-3.43 6.6-7.97L51 45.7c.18-3.42 1.84-5.44 5.21-6.02l55.67-9.65"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f3ab47" d="M46.19 27.93v-1.74c0-3.47-2.08-4.19-4.36-3.78l-19.1 3.45c-2.29.41-3.97 2.47-3.97 4.87v4.44c0 1.62-1.13 3.01-2.68 3.29l-.34.06c-1.34.24-2.33 1.44-2.33 2.85l1.08 74.03s-.08 1.18 1.03 1.26c1.15.08 2.02-.8 3.17-1.07l89.64-21.36c1.34-.24 2.33-1.44 2.33-2.85V25.35c0-1.79-1.56-3.15-3.27-2.85l-56.31 9.69c-2.55.45-4.89-.51-4.89-4.26"/><path fill="#ffe36c" d="M112.56 91.65L114.58 32c0-1.79-1.56-3.15-3.27-2.85l-56.27 9.62a5.724 5.724 0 0 0-4.75 5.29l-.23 3.77a6.5 6.5 0 0 1-5.41 6.02L22 57.66a4.67 4.67 0 0 0-3.89 4.6l-2.59 54.38s.33.14 4.04-.8l89.2-21.11c1.35-.22 2.89-1.48 3.8-3.08"/><path fill="none" stroke="#fff9c4" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="m21.63 58.73l22.76-3.89c5.7-1.27 6.61-3.43 6.6-7.97L51 45.7c.18-3.42 1.84-5.44 5.21-6.02l55.67-9.65"/></svg> </template>
CSS
.icon-file-folder {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f3ab47%22%20d%3D%22M46.19%2027.93v-1.74c0-3.47-2.08-4.19-4.36-3.78l-19.1%203.45c-2.29.41-3.97%202.47-3.97%204.87v4.44c0%201.62-1.13%203.01-2.68%203.29l-.34.06c-1.34.24-2.33%201.44-2.33%202.85l1.08%2074.03s-.08%201.18%201.03%201.26c1.15.08%202.02-.8%203.17-1.07l89.64-21.36c1.34-.24%202.33-1.44%202.33-2.85V25.35c0-1.79-1.56-3.15-3.27-2.85l-56.31%209.69c-2.55.45-4.89-.51-4.89-4.26%22%2F%3E%3Cpath%20fill%3D%22%23ffe36c%22%20d%3D%22M112.56%2091.65L114.58%2032c0-1.79-1.56-3.15-3.27-2.85l-56.27%209.62a5.724%205.724%200%200%200-4.75%205.29l-.23%203.77a6.5%206.5%200%200%201-5.41%206.02L22%2057.66a4.67%204.67%200%200%200-3.89%204.6l-2.59%2054.38s.33.14%204.04-.8l89.2-21.11c1.35-.22%202.89-1.48%203.8-3.08%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff9c4%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m21.63%2058.73l22.76-3.89c5.7-1.27%206.61-3.43%206.6-7.97L51%2045.7c.18-3.42%201.84-5.44%205.21-6.02l55.67-9.65%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f3ab47%22%20d%3D%22M46.19%2027.93v-1.74c0-3.47-2.08-4.19-4.36-3.78l-19.1%203.45c-2.29.41-3.97%202.47-3.97%204.87v4.44c0%201.62-1.13%203.01-2.68%203.29l-.34.06c-1.34.24-2.33%201.44-2.33%202.85l1.08%2074.03s-.08%201.18%201.03%201.26c1.15.08%202.02-.8%203.17-1.07l89.64-21.36c1.34-.24%202.33-1.44%202.33-2.85V25.35c0-1.79-1.56-3.15-3.27-2.85l-56.31%209.69c-2.55.45-4.89-.51-4.89-4.26%22%2F%3E%3Cpath%20fill%3D%22%23ffe36c%22%20d%3D%22M112.56%2091.65L114.58%2032c0-1.79-1.56-3.15-3.27-2.85l-56.27%209.62a5.724%205.724%200%200%200-4.75%205.29l-.23%203.77a6.5%206.5%200%200%201-5.41%206.02L22%2057.66a4.67%204.67%200%200%200-3.89%204.6l-2.59%2054.38s.33.14%204.04-.8l89.2-21.11c1.35-.22%202.89-1.48%203.8-3.08%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff9c4%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m21.63%2058.73l22.76-3.89c5.7-1.27%206.61-3.43%206.6-7.97L51%2045.7c.18-3.42%201.84-5.44%205.21-6.02l55.67-9.65%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/file-folder.svg?color=%231a73e8&size=48
