Content
View differences
Updated by Parimal Satyal almost 4 years ago
### Note:
This ticket is now closed. For the most updated mapping, please directly to the code:
[https://github.com/opf/openproject/blob/dev/frontend/src/app/shared/components/file-links/file-link-icons/icon-mappings.ts](https://github.com/opf/openproject/blob/dev/frontend/src/app/shared/components/file-links/file-link-icons/icon-mappings.ts)
### Archived description:
This ticket extends <mention class="mention" data-id="40203" data-type="work_package" data-text="#40203">#40203</mention> and <mention class="mention" data-id="41849" data-type="work_package" data-text="#41849">#41849</mention> by provides a mapping for which icons to use for which file types.
This ticket can be updated when new icons or new file type associations are added.
### Icon set
For 12.3, we are including this icon set:
<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33956/content"></div></figure>
### Mapping
**Red PDF icon:**
* pdf
**Blue image icon:**
* .jpg,
* .jpeg,
* .png,
* .gif,
* .svg,
* .tif,
* .tiff,
* .bmp,
* .webp,
* .heif,
* .heic,
* .avif,
* .cgm
**Grey text icon:**
* .txt,
* .text,
* .rtf,
* .html,
* .htm,
* .xml,
* .sty,
* .sty,
* .xhtml,
* .TeX,
* .ans,
* .scm,
* .asc
**Blue document icon:**
* .doc,
* .docx,
* .pages,
* .ott,
* .otf,
* .abw,
* .wrf
**Green spreadsheet icon:**
* .xls,
* xlsx,
* .numbers,
* .sdc,
* .ods,
* .vc,
* .ots,
* .qpw,
* .csv
**Orange presentation icon:**
* .ppt,
* .pptx,
* .keynote,
* .sdd,
* .nbp,
* .odp,
* .sti,
* .sxi,
* .opt,
* .pps
**Purple movie icon:**
* .mp4,
* .m4v,
* .mov,
* .avi,
* .mkv,
* .webm,
* .qt,
* .gifv,
* .mpg,
* .mpeg,
* .3gp,
**Neon form icon:**
* .gform,
* ...?
**Blue folder icon**
* folders/directories
**Grey outline icon**
* Everything else
### Open questions
* \[open\] What file formats are we missing?
* **\[open\]** Do we need the form icon?
* **\[open\]** What about audio files?
### Figma source icons
SVG versions of these icons are available in the Figma file: [https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/?node-id=64%3A16362](https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/?node-id=64%3A16362)
This ticket is now closed. For the most updated mapping, please directly to the code:
[https://github.com/opf/openproject/blob/dev/frontend/src/app/shared/components/file-links/file-link-icons/icon-mappings.ts](https://github.com/opf/openproject/blob/dev/frontend/src/app/shared/components/file-links/file-link-icons/icon-mappings.ts)
### Archived description:
This ticket extends <mention class="mention" data-id="40203" data-type="work_package" data-text="#40203">#40203</mention> and <mention class="mention" data-id="41849" data-type="work_package" data-text="#41849">#41849</mention> by provides a mapping for which icons to use for which file types.
This ticket can be updated when new icons or new file type associations are added.
### Icon set
For 12.3, we are including this icon set:
<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/33956/content"></div></figure>
### Mapping
**Red PDF icon:**
**Blue image icon:**
* .jpg,
* .jpeg,
* .png,
* .gif,
* .svg,
* .tif,
* .tiff,
* .bmp,
* .webp,
* .heif,
* .heic,
* .avif,
* .cgm
**Grey text icon:**
* .txt,
* .text,
* .rtf,
* .html,
* .htm,
* .xml,
* .sty,
* .sty,
* .xhtml,
* .TeX,
* .ans,
* .scm,
* .asc
**Blue document icon:**
* .doc,
* .docx,
* .pages,
* .ott,
* .otf,
* .abw,
* .wrf
**Green spreadsheet icon:**
* .xls,
* xlsx,
* .numbers,
* .sdc,
* .ods,
* .vc,
* .ots,
* .qpw,
* .csv
**Orange presentation icon:**
* .ppt,
* .pptx,
* .keynote,
* .sdd,
* .nbp,
* .odp,
* .sti,
* .sxi,
* .opt,
* .pps
**Purple movie icon:**
* .mp4,
* .m4v,
* .mov,
* .avi,
* .mkv,
* .webm,
* .qt,
* .gifv,
* .mpg,
* .mpeg,
* .3gp,
**Neon form icon:**
* .gform,
* ...?
**Blue folder icon**
* folders/directories
**Grey outline icon**
* Everything else
### Open questions
* \[open\] What file formats are we missing?
* **\[open\]** Do we need the form icon?
* **\[open\]** What about audio files?
### Figma source icons
SVG versions of these icons are available in the Figma file: [https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/?node-id=64%3A16362](https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/?node-id=64%3A16362)