octoleo/file-icon-vectors
1
1
Fork 0
mirror of https://github.com/namibia/file-icon-vectors.git synced 2025-01-12 08:05:52 +00:00
Code Issues Releases Activity

[EXT] Added classic, network folders

Browse Source
This commit is contained in:
Daniel Hendricks 2018-09-28 22:48:10 -05:00
parent 9a139235d0
commit b8b0aa77cd
17 changed files with 58 additions and 2806 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
dist/file-icon-extra.css vendored
View File

@ -36,12 +36,12 @@
background-image: url("icons/extra/folder-archive.svg");
}
.fiv-ext.fiv-icon-folder-blue-open {
background-image: url("icons/extra/folder-blue-open.svg");
.fiv-ext.fiv-icon-folder-classic-open {
background-image: url("icons/extra/folder-classic-open.svg");
}
.fiv-ext.fiv-icon-folder-blue {
background-image: url("icons/extra/folder-blue.svg");
.fiv-ext.fiv-icon-folder-classic {
background-image: url("icons/extra/folder-classic.svg");
}
.fiv-ext.fiv-icon-folder-favorite {
@ -72,6 +72,14 @@
background-image: url("icons/extra/folder-neon.svg");
}
.fiv-ext.fiv-icon-folder-network-open {
background-image: url("icons/extra/folder-network-open.svg");
}
.fiv-ext.fiv-icon-folder-network {
background-image: url("icons/extra/folder-network.svg");
}
.fiv-ext.fiv-icon-folder-open {
background-image: url("icons/extra/folder-open.svg");
}

6
dist/file-icon-extra.min.css vendored
View File

@ -9,8 +9,8 @@
.fiv-ext{position:relative;display:inline-block;line-height:1em;width:1em}
.fiv-ext:before{content:'\00a0'}
.fiv-ext.fiv-icon-folder-archive{background-image:url("icons/extra/folder-archive.svg")}
.fiv-ext.fiv-icon-folder-blue-open{background-image:url("icons/extra/folder-blue-open.svg")}
.fiv-ext.fiv-icon-folder-blue{background-image:url("icons/extra/folder-blue.svg")}
.fiv-ext.fiv-icon-folder-classic-open{background-image:url("icons/extra/folder-classic-open.svg")}
.fiv-ext.fiv-icon-folder-classic{background-image:url("icons/extra/folder-classic.svg")}
.fiv-ext.fiv-icon-folder-favorite{background-image:url("icons/extra/folder-favorite.svg")}
.fiv-ext.fiv-icon-folder-idea{background-image:url("icons/extra/folder-idea.svg")}
.fiv-ext.fiv-icon-folder-image{background-image:url("icons/extra/folder-image.svg")}
@ -18,6 +18,8 @@
.fiv-ext.fiv-icon-folder-music{background-image:url("icons/extra/folder-music.svg")}
.fiv-ext.fiv-icon-folder-neon-open{background-image:url("icons/extra/folder-neon-open.svg")}
.fiv-ext.fiv-icon-folder-neon{background-image:url("icons/extra/folder-neon.svg")}
.fiv-ext.fiv-icon-folder-network-open{background-image:url("icons/extra/folder-network-open.svg")}
.fiv-ext.fiv-icon-folder-network{background-image:url("icons/extra/folder-network.svg")}
.fiv-ext.fiv-icon-folder-open{background-image:url("icons/extra/folder-open.svg")}
.fiv-ext.fiv-icon-folder-photo{background-image:url("icons/extra/folder-photo.svg")}
.fiv-ext.fiv-icon-folder-plain-open{background-image:url("icons/extra/folder-plain-open.svg")}

32
dist/file-icon-vectors.css vendored
View File

@ -47,12 +47,12 @@
background-image: url("icons/extra/folder-archive.svg");
}
.fiv-ext.fiv-icon-folder-blue-open {
background-image: url("icons/extra/folder-blue-open.svg");
.fiv-ext.fiv-icon-folder-classic-open {
background-image: url("icons/extra/folder-classic-open.svg");
}
.fiv-ext.fiv-icon-folder-blue {
background-image: url("icons/extra/folder-blue.svg");
.fiv-ext.fiv-icon-folder-classic {
background-image: url("icons/extra/folder-classic.svg");
}
.fiv-ext.fiv-icon-folder-favorite {
@ -83,6 +83,14 @@
background-image: url("icons/extra/folder-neon.svg");
}
.fiv-ext.fiv-icon-folder-network-open {
background-image: url("icons/extra/folder-network-open.svg");
}
.fiv-ext.fiv-icon-folder-network {
background-image: url("icons/extra/folder-network.svg");
}
.fiv-ext.fiv-icon-folder-open {
background-image: url("icons/extra/folder-open.svg");
}
@ -6230,12 +6238,12 @@
background-image: url("icons/extra/folder-archive.svg");
}
.fiv-ext.fiv-icon-folder-blue-open {
background-image: url("icons/extra/folder-blue-open.svg");
.fiv-ext.fiv-icon-folder-classic-open {
background-image: url("icons/extra/folder-classic-open.svg");
}
.fiv-ext.fiv-icon-folder-blue {
background-image: url("icons/extra/folder-blue.svg");
.fiv-ext.fiv-icon-folder-classic {
background-image: url("icons/extra/folder-classic.svg");
}
.fiv-ext.fiv-icon-folder-favorite {
@ -6266,6 +6274,14 @@
background-image: url("icons/extra/folder-neon.svg");
}
.fiv-ext.fiv-icon-folder-network-open {
background-image: url("icons/extra/folder-network-open.svg");
}
.fiv-ext.fiv-icon-folder-network {
background-image: url("icons/extra/folder-network.svg");
}
.fiv-ext.fiv-icon-folder-open {
background-image: url("icons/extra/folder-open.svg");
}

12
dist/file-icon-vectors.min.css vendored
View File

@ -14,8 +14,8 @@
.fiv-ext{position:relative;display:inline-block;line-height:1em;width:1em}
.fiv-ext:before{content:'\00a0'}
.fiv-ext.fiv-icon-folder-archive{background-image:url("icons/extra/folder-archive.svg")}
.fiv-ext.fiv-icon-folder-blue-open{background-image:url("icons/extra/folder-blue-open.svg")}
.fiv-ext.fiv-icon-folder-blue{background-image:url("icons/extra/folder-blue.svg")}
.fiv-ext.fiv-icon-folder-classic-open{background-image:url("icons/extra/folder-classic-open.svg")}
.fiv-ext.fiv-icon-folder-classic{background-image:url("icons/extra/folder-classic.svg")}
.fiv-ext.fiv-icon-folder-favorite{background-image:url("icons/extra/folder-favorite.svg")}
.fiv-ext.fiv-icon-folder-idea{background-image:url("icons/extra/folder-idea.svg")}
.fiv-ext.fiv-icon-folder-image{background-image:url("icons/extra/folder-image.svg")}
@ -23,6 +23,8 @@
.fiv-ext.fiv-icon-folder-music{background-image:url("icons/extra/folder-music.svg")}
.fiv-ext.fiv-icon-folder-neon-open{background-image:url("icons/extra/folder-neon-open.svg")}
.fiv-ext.fiv-icon-folder-neon{background-image:url("icons/extra/folder-neon.svg")}
.fiv-ext.fiv-icon-folder-network-open{background-image:url("icons/extra/folder-network-open.svg")}
.fiv-ext.fiv-icon-folder-network{background-image:url("icons/extra/folder-network.svg")}
.fiv-ext.fiv-icon-folder-open{background-image:url("icons/extra/folder-open.svg")}
.fiv-ext.fiv-icon-folder-photo{background-image:url("icons/extra/folder-photo.svg")}
.fiv-ext.fiv-icon-folder-plain-open{background-image:url("icons/extra/folder-plain-open.svg")}
@ -1556,8 +1558,8 @@
.fiv-ext{position:relative;display:inline-block;line-height:1em;width:1em}
.fiv-ext:before{content:'\00a0'}
.fiv-ext.fiv-icon-folder-archive{background-image:url("icons/extra/folder-archive.svg")}
.fiv-ext.fiv-icon-folder-blue-open{background-image:url("icons/extra/folder-blue-open.svg")}
.fiv-ext.fiv-icon-folder-blue{background-image:url("icons/extra/folder-blue.svg")}
.fiv-ext.fiv-icon-folder-classic-open{background-image:url("icons/extra/folder-classic-open.svg")}
.fiv-ext.fiv-icon-folder-classic{background-image:url("icons/extra/folder-classic.svg")}
.fiv-ext.fiv-icon-folder-favorite{background-image:url("icons/extra/folder-favorite.svg")}
.fiv-ext.fiv-icon-folder-idea{background-image:url("icons/extra/folder-idea.svg")}
.fiv-ext.fiv-icon-folder-image{background-image:url("icons/extra/folder-image.svg")}
@ -1565,6 +1567,8 @@
.fiv-ext.fiv-icon-folder-music{background-image:url("icons/extra/folder-music.svg")}
.fiv-ext.fiv-icon-folder-neon-open{background-image:url("icons/extra/folder-neon-open.svg")}
.fiv-ext.fiv-icon-folder-neon{background-image:url("icons/extra/folder-neon.svg")}
.fiv-ext.fiv-icon-folder-network-open{background-image:url("icons/extra/folder-network-open.svg")}
.fiv-ext.fiv-icon-folder-network{background-image:url("icons/extra/folder-network.svg")}
.fiv-ext.fiv-icon-folder-open{background-image:url("icons/extra/folder-open.svg")}
.fiv-ext.fiv-icon-folder-photo{background-image:url("icons/extra/folder-photo.svg")}
.fiv-ext.fiv-icon-folder-plain-open{background-image:url("icons/extra/folder-plain-open.svg")}

2
dist/icons/extra/catalog.json vendored
View File

@ -1 +1 @@
["folder-archive","folder-blue-open","folder-blue","folder-favorite","folder-idea","folder-image","folder-lock","folder-music","folder-neon-open","folder-neon","folder-open","folder-photo","folder-plain-open","folder-plain","folder-trash","folder-tree","folder-video","folder"]
["folder-archive","folder-classic-open","folder-classic","folder-favorite","folder-idea","folder-image","folder-lock","folder-music","folder-neon-open","folder-neon","folder-network-open","folder-network","folder-open","folder-photo","folder-plain-open","folder-plain","folder-trash","folder-tree","folder-video","folder"]

1
dist/icons/extra/folder-blue-open.svg vendored
View File

@ -1 +0,0 @@
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><style>.st1{fill:#4688c7}</style><path d="M1.3 89.7V10.3h26.4l7.7 7.6h53.1v71.8H1.3z" fill="#88c8e5"/><path class="st1" d="M27.1 11.5l6.9 6.9.8.8h52.4v69.2H2.6V11.5h24.5M28.2 9H0v82h89.7V16.7H35.9L28.2 9z"/><path d="M1.5 89.7l9.8-53.8h27.5l7.7-5.1h52l-9.8 58.9H1.5z" fill="#c8e7fc"/><path class="st1" d="M97 32.1l-9.4 56.4H3.1l9.3-51.3h26.9l.6-.4 7-4.7H97m3-2.6H46.2l-7.7 5.1H10.3L0 91h89.7L100 29.5z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 484 B

1
dist/icons/extra/folder-blue.svg vendored
View File

@ -1 +0,0 @@
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><style>.st1{fill:#4688c7}</style><path d="M1.3 90.8V9.2h27.1l7.9 7.9h62.4v73.7H1.3z" fill="#88c8e5"/><path class="st1" d="M27.9 10.5l7.1 7.1.8.8h61.6v71.1H2.6v-79h25.3m1-2.6H0v84.2h100V15.8H36.8l-7.9-7.9z"/><path d="M1.3 90.8V22.4h28l7.9-5.3h61.5v73.7H1.3z" fill="#c8e7fc"/><path class="st1" d="M97.4 18.4v71.1H2.6V23.7h27.1l.7-.4 7.2-4.8h59.8m2.6-2.7H36.8l-7.9 5.3H0v71.1h100V15.8z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 466 B

1
dist/icons/extra/folder-classic-open.svg vendored Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="71.731" y1="64.65" x2="24.876" y2="64.65" gradientTransform="matrix(1 0 0 -1 0 100)"><stop offset="0" stop-color="#fcfcfd"/><stop offset="1" stop-color="#fff"/></linearGradient><path d="M3.3 56.8V16.2c0-1.3 1-2.3 2.3-2.3h31.5l9 6.8h45.1c1.3 0 2.3 1 2.3 2.3v33.8H3.3z" fill="url(#a)" stroke="#434242" stroke-width="2.5"/><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="50.008" y1="14.724" x2="50.008" y2="51.486" gradientTransform="matrix(1 0 0 -1 0 100)"><stop offset="0" stop-color="#008bff"/><stop offset="1" stop-color="#0af"/></linearGradient><path d="M5.5 86.1H91c1.3 0 2.1-1.1 2.3-2.3L99 50c.2-1.2-1-2.3-2.3-2.3h-36l-9 6.8H3.3c-1.3 0-2.4 1-2.3 2.3l2.3 27c.1 1.3.9 2.3 2.2 2.3z" fill="url(#b)" stroke="#434242" stroke-width="2.5"/><path d="M10 18.5h24.8c1.3 0 2.3 1 2.3 2.3s-1 2.3-2.3 2.3H10c-1.3 0-2.3-1-2.3-2.3.1-1.4 1.1-2.3 2.3-2.3z" fill="#434242"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 994 B

1
dist/icons/extra/folder-classic.svg vendored Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="49.903" y1="12.668" x2="49.903" y2="37.168"><stop offset="0" stop-color="#fcfcfd"/><stop offset="1" stop-color="#fff"/></linearGradient><path d="M3.3 37.2V15c0-1.3 1-2.3 2.3-2.3h32.7l9.3 7h46.7c1.3 0 2.3 1 2.3 2.3v15.2H3.3z" fill="url(#a)" stroke="#434242" stroke-width="2.5"/><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="50" y1="81.15" x2="50" y2="31.684"><stop offset="0" stop-color="#008bff"/><stop offset="1" stop-color="#0af"/></linearGradient><path d="M5.7 87.3h88.7c1.3 0 2.3-1 2.3-2.3L99 27.8c0-1.3-1-2.3-2.3-2.3h-35l-9.3 7h-49c-1.3 0-2.4 1-2.3 2.3L3.3 85c.1 1.3 1.1 2.3 2.4 2.3z" fill="url(#b)" stroke="#434242" stroke-width="2.5"/><path d="M10.3 17.3H36c1.3 0 2.3 1 2.3 2.3s-1 2.3-2.3 2.3H10.3C9.1 22 8 21 8 19.7c0-1.3 1.1-2.4 2.3-2.4z" fill="#434242"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 902 B

1
dist/icons/extra/folder-network-open.svg vendored Normal file
View File

@ -0,0 +1 @@
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><style>.st0{fill:#5c5f66}.st1{fill:#53565c}</style><path class="st0" d="M52.9 67.6v17.8c0 1.6-1.3 2.9-2.9 2.9s-2.9-1.3-2.9-2.9V67.6c0-1.6 1.3-2.9 2.9-2.9s2.9 1.2 2.9 2.9z"/><path class="st1" d="M97.1 94.1H55.9c-1.6 0-2.9-1.3-2.9-2.9s1.3-2.9 2.9-2.9h41.2c1.6 0 2.9 1.3 2.9 2.9s-1.3 2.9-2.9 2.9z"/><path class="st0" d="M44.1 94.1H2.9c-1.6 0-2.9-1.3-2.9-2.9s1.3-2.9 2.9-2.9h41.2c1.6 0 2.9 1.3 2.9 2.9s-1.2 2.9-2.9 2.9z"/><path class="st1" d="M52.9 67.6v17.8c0 1.6-1.3 2.9-2.9 2.9V64.6c1.6 0 2.9 1.3 2.9 3z"/><path d="M50 82.4c-4.9 0-8.8 3.9-8.8 8.8s3.9 8.8 8.8 8.8 8.8-3.9 8.8-8.8-3.9-8.8-8.8-8.8z" fill="#7b8089"/><path d="M58.8 91.2c0 4.9-3.9 8.8-8.8 8.8V82.4c4.9 0 8.8 3.9 8.8 8.8z" fill="#6f747f"/><path d="M76.9 10.2H43.5l-8.4-8.4H14.4C9.8 1.8 6 5.6 6 10.2v50c0 4.6 3.8 8.4 8.4 8.4H79c3.5 0 6.2-2.7 6.2-6.2V18.5c0-4.6-3.8-8.3-8.3-8.3z" fill="#ffa000"/><path d="M85.6 22.7h-56c-4 0-7.5 2.9-8.2 6.9l-7 38.9h66c4 0 7.5-2.9 8.2-6.9l5.2-29.2c1-5-3-9.7-8.2-9.7z" fill="#ffca28"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

1
dist/icons/extra/folder-network.svg vendored Normal file
View File

@ -0,0 +1 @@
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><style>.st0{fill:#5c5f66}.st1{fill:#53565c}</style><path class="st0" d="M52.9 67.6v17.8c0 1.6-1.3 2.9-2.9 2.9s-2.9-1.3-2.9-2.9V67.6c0-1.6 1.3-2.9 2.9-2.9s2.9 1.2 2.9 2.9z"/><path class="st1" d="M97.1 94.1H55.9c-1.6 0-2.9-1.3-2.9-2.9s1.3-2.9 2.9-2.9h41.2c1.6 0 2.9 1.3 2.9 2.9s-1.3 2.9-2.9 2.9z"/><path class="st0" d="M44.1 94.1H2.9c-1.6 0-2.9-1.3-2.9-2.9s1.3-2.9 2.9-2.9h41.2c1.6 0 2.9 1.3 2.9 2.9s-1.2 2.9-2.9 2.9z"/><path class="st1" d="M52.9 67.6v17.8c0 1.6-1.3 2.9-2.9 2.9V64.6c1.6 0 2.9 1.3 2.9 3z"/><path d="M50 82.4c-4.9 0-8.8 3.9-8.8 8.8s3.9 8.8 8.8 8.8 8.8-3.9 8.8-8.8-3.9-8.8-8.8-8.8z" fill="#7b8089"/><path d="M58.8 91.2c0 4.9-3.9 8.8-8.8 8.8V82.4c4.9 0 8.8 3.9 8.8 8.8z" fill="#6f747f"/><path d="M85.1 8.8H45.6L36.8 0h-22C10 0 6 4 6 8.8v17.6h87.9v-8.8c0-4.8-4-8.8-8.8-8.8z" fill="#ffa000"/><path d="M85.1 8.8H14.8c-4.8 0-8.8 4-8.8 8.8v44c0 4.8 4 8.8 8.8 8.8h70.3c4.8 0 8.8-4 8.8-8.8v-44c0-4.8-4-8.8-8.8-8.8z" fill="#ffca28"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1018 B

2
dist/icons/extra/folder-video.svg vendored
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M90 20H45L35 10H10C4.5 10 0 14.5 0 20v20h100V30c0-5.5-4.5-10-10-10z" fill="#ffa000"/><path d="M90 20H10C4.5 20 0 24.5 0 30v50c0 5.5 4.5 10 10 10h80c5.5 0 10-4.5 10-10V30c0-5.5-4.5-10-10-10z" fill="#ffca28"/><path d="M25.1 35.7v42h51.7v-42H25.1zm9.8 38.8h-6.4v-6.4h6.4v6.4zm0-9.6h-6.4v-6.4h6.4v6.4zm0-9.8h-6.4v-6.4h6.4v6.4zm0-9.7h-6.4V39h6.4v6.4zm9.7 22.7V45.4l16.1 11.3c0 .1-16.1 11.4-16.1 11.4zm29 6.4h-6.4v-6.4h6.4v6.4zm0-9.6h-6.4v-6.4h6.4v6.4zm0-9.8h-6.4v-6.4h6.4v6.4zm0-9.7h-6.4V39h6.4v6.4z" fill="#0f827f"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M90 20H45L35 10H10C4.5 10 0 14.5 0 20v20h100V30c0-5.5-4.5-10-10-10z" fill="#ffa000"/><path d="M90 20H10C4.5 20 0 24.5 0 30v50c0 5.5 4.5 10 10 10h80c5.5 0 10-4.5 10-10V30c0-5.5-4.5-10-10-10z" fill="#ffca28"/><path d="M25.1 35.7v42h51.7v-42H25.1zm9.8 38.8h-6.4v-6.4h6.4v6.4zm0-9.6h-6.4v-6.4h6.4v6.4zm0-9.8h-6.4v-6.4h6.4v6.4zm0-9.7h-6.4V39h6.4v6.4zm9.7 22.7V45.4l16.1 11.3c0 .1-16.1 11.4-16.1 11.4zm29 6.4h-6.4v-6.4h6.4v6.4zm0-9.6h-6.4v-6.4h6.4v6.4zm0-9.8h-6.4v-6.4h6.4v6.4zm0-9.7h-6.4V39h6.4v6.4z" fill="#23a586"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 589 B

After

Width:  |  Height:  |  Size: 589 B

16
src/adobe/README.md
View File

@ -1,16 +0,0 @@
# Adobe Illustrator Templates
### Guidelines
- Make the icons consistent sizes, look and feel.
- If you use another vector to create an icon, please [cite the source](https://www.danhendricks.com/contact/?utm_source=github.com&utm_medium=campaign&utm_content=link&utm_campaign=dmhendricks%2Ffile-icon-vectors). All icons must be unencumbered by copyright, be compatible with the [MIT license](https://github.com/dmhendricks/file-icon-vectors/blob/master/LICENSE) and include attribution (where required).
- I may disagree with your color/icon choice(s).
### Fonts Used
The following fonts are used for icons that include text:
- **Classic** - Arial
- **Vivid** - [Museo Sans Condensed](https://typekit.com/fonts/museo-sans/?utm_source=github.com&utm_medium=referral&utm_content=link&utm_campaign=dmhendricks%2Ffile-icon-vectors)
If you do not have or can't find one of the fonts mentioned above, use something that is close, and I will modify appropriately.

720
src/adobe/classic.ai
View File

File diff suppressed because one or more lines are too long

276
src/adobe/square-o.ai
View File

File diff suppressed because one or more lines are too long

1770
src/adobe/vivid.ai
View File

File diff suppressed because one or more lines are too long

6
src/scss/_file-icon-extra-list.scss
View File

@ -1,7 +1,7 @@
@include file-family(ext, 1);
@include file-icon(extra, ext, folder-archive);
@include file-icon(extra, ext, folder-blue-open);
@include file-icon(extra, ext, folder-blue);
@include file-icon(extra, ext, folder-classic-open);
@include file-icon(extra, ext, folder-classic);
@include file-icon(extra, ext, folder-favorite);
@include file-icon(extra, ext, folder-idea);
@include file-icon(extra, ext, folder-image);
@ -9,6 +9,8 @@
@include file-icon(extra, ext, folder-music);
@include file-icon(extra, ext, folder-neon-open);
@include file-icon(extra, ext, folder-neon);
@include file-icon(extra, ext, folder-network-open);
@include file-icon(extra, ext, folder-network);
@include file-icon(extra, ext, folder-open);
@include file-icon(extra, ext, folder-photo);
@include file-icon(extra, ext, folder-plain-open);