[directorytree] Add files-ng 20px SVG volume icons

 - renamed the input files to match the names of the existing volume
   PNG image icon files used in Files app
 - tested that these icon could be used as CSS -webkit-mask, or else
   filled with a CSS specified (fill/background) color
 - use <svg width="20" height="20" ... > everywhere
 - viewBox is 0 0 20 20 as a rule: however, two icons have 0 0 24 24
   viewBox to be updated later by UX (computer.svg, shared.svg)
 - optimized using the SVGO in chrome/src with --precision 4

Bug: 992819, 1002393
Change-Id: Ibeb42bbcb490c4263d8944f1b0339b5cbeb986c9
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1911346Reviewed-by: Noel Gordon <noel@chromium.org>
Reviewed-by: Luciano Pacheco <lucmult@chromium.org>
Commit-Queue: Noel Gordon <noel@chromium.org>
Cr-Commit-Position: refs/heads/master@{#714431}

ui/file_manager/file_manager/foreground/images/filetype/filetype_folder.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M16 5h-4l-2-2H4c-1.1 0-1.99.9-1.99 2L2 15c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 10H4V7h12v8z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/filetype/filetype_folder_shared.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M10 3l2 2h4c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2l.01-10c0-1.1.89-2 1.99-2h6zm6 4H4v8h12V7zm-4 5c.9975 0 3 .4467 3 1.3333V14H9v-.6667C9 12.4467 11.0025 12 12 12zm0-3.5c.825 0 1.5.675 1.5 1.5s-.675 1.5-1.5 1.5-1.5-.675-1.5-1.5.675-1.5 1.5-1.5z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/android.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M16.8167 9.0667l-2.55-1.45L11.8833 10l2.3834 2.3833 2.55-1.45c.4583-.2583.6833-.5916.6833-.9333s-.225-.675-.6833-.9333zM3.925 2.0417l7.0167 7.0166 2.125-2.125-8.9167-5.05C4.0917 1.85 4.0333 1.825 3.975 1.8c-.1417-.0583-.25.0417-.125.175.025.0167.05.0417.075.0667zm0 15.9166l-.0667.0667c-.125.125-.0166.2333.125.175.0584-.025.1167-.05.175-.0833l8.9084-5.05-2.125-2.125s-6 6.0083-7.0167 7.0166zM10 10L2.8167 2.8167C2.6583 2.6583 2.5 2.7583 2.5 2.975v14.05c0 .2167.1583.3167.3167.1583L10 10z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/archive.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M15 3c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2zM8 5H5v10h10V5h-5v2H8V5zm4 6v2h-2v-2h2zm-2-2v2H8V9h2zm2-2v2h-2V7h2z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/audio.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M16 15c0 .55-.45 1-1 1h-1v-3h2v2zM6 16H5c-.55 0-1-.45-1-1v-2h2v3zM2 9v6c0 1.66 1.34 3 3 3h3v-7H4V9c0-3.87 2.13-5 6-5s6 1.13 6 5v2h-4v7h3c1.66 0 3-1.34 3-3V9c0-4.97-3.03-7-8-7-4.97 0-8 2.03-8 7z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/cd.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M10 2c4.416 0 8 3.584 8 8s-3.584 8-8 8-8-3.584-8-8 3.584-8 8-8zm0 4c-2.205 0-4 1.795-4 4s1.795 4 4 4 4-1.795 4-4-1.795-4-4-4zm0 1c1.6538 0 3 1.3462 3 3s-1.3462 3-3 3-3-1.3462-3-3 1.3462-3 3-3zm0 1c-1.1015 0-2 .8985-2 2 0 1.1015.8985 2 2 2 1.1015 0 2-.8985 2-2 0-1.1015-.8985-2-2-2z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/computer.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
+  <path d="M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/devices.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M18 3c.2761 0 .5261.112.7071.2929.181.181.2929.431.2929.7071v.961L5 5.002V15h6v2H2c-.5523 0-1-.4477-1-1s.4477-1 1-1h1V4c0-.5523.4477-1 1-1h14zm-4.8333 3l4.6666.0061C18.475 6.0061 19 6.55 19 7.2222v8.5556C19 16.45 18.475 17 17.8333 17h-4.6666C12.525 17 12 16.45 12 15.7778V7.2222C12 6.55 12.525 6 13.1667 6zM17.5 7.5h-4V15h4V7.5z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/downloads.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M6 13v2h8v-2h2v2.375c0 .8938-.7312 1.625-1.625 1.625h-8.75C4.7313 17 4 16.2688 4 15.375V13h2zm5-10v6.2l2.5-2.7L15 8l-5 5-5-5 1.5-1.5L9 9.2V3h2z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/drive.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M10 3l2 2h4c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2l.01-10c0-1.1.89-2 1.99-2h6zm6 4H4v8h12V7zm-1 5.1053L13.8935 14H9.6613l1.1064-1.8947H15zM10.1161 8.48s1.1065 1.8979 1.1065 1.8947l-2.1161 3.6221L8 12.1053zM12.6032 8l2.213 3.7895h-2.2097l-2.2097-3.7863V8h2.2064z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/hard_drive.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M15 2c1.1046 0 2 .8954 2 2v12c0 1.1046-.8954 2-2 2H5c-1.1046 0-2-.8954-2-2V4c0-1.1046.8954-2 2-2h10zm0 10H5v4h10v-4zm-2 1c.5523 0 1 .4477 1 1s-.4477 1-1 1-1-.4477-1-1 .4477-1 1-1zm2-9H5v6h10V4z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/images.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M15 3H5c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12H5V5h10v10zm-3.6667-6L9.5 12 8 10.6 6 14h8l-2.6667-5z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/linux_files.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M10 2c3.5056 0 5.577 2.592 6.4291 6.1657.3863.1221 1.1212.614 1.3405 1.2813.272.8277.4387 1.756-.303 2.0339-.259.097-.484.0798-.6816-.0231-.039 2.8879-1.2964 4.5267-3.258 5.335.0314.0621.0473.1343.0473.215 0 .548.2595.9922-1.6433.9922-1.3916 0-1.6266-.3033-1.6525-.6327-.0922-.0576-.185-.147-.2785-.147-.0938 0-.187.0969-.2796.1565C9.6922 17.701 9.4507 18 8.069 18c-1.9028 0-1.6433-.4443-1.6433-.9923a.5075.5075 0 0 1 .0483-.2223c-1.9598-.8128-3.216-2.4596-3.2589-5.3276-.1976.1029-.4226.1202-.6817.023-.7417-.2778-.575-1.2061-.303-2.0338.2252-.6854.9945-1.1858 1.3712-1.2905C4.4784 4.7036 6.5356 2 10 2zm0 3.7422c-.7017 0-1.212-1.5733-1.786-1.4287-1.9986.5034-3.1894 3.3091-3.1894 6.0963 0 3.3466 1.3186 5.1488 4.9754 5.1488 3.6568 0 4.9754-1.6023 4.9754-5.1488 0-2.9427-1.1993-5.6451-3.1894-6.0963-.6378-.1446-1.0843 1.4287-1.786 1.4287zm-.1677 3.3802a.3843.3843 0 0 1 .3174-.0006l1.1359.5122c.1967.0887.2854.3226.198.5224a.3965.3965 0 0 1-.0693.1073l-1.1293 1.2477a.3855.3855 0 0 1-.5746-.0008l-1.1256-1.2509a.4002.4002 0 0 1 .0248-.5592.3892.3892 0 0 1 .1036-.069zm-2.315-2.161c.457 0 .8275.3808.8275.8506 0 .4697-.3705.8505-.8276.8505-.457 0-.8275-.3808-.8275-.8505 0-.4698.3705-.8506.8275-.8506zm4.9655 0c.457 0 .8275.3808.8275.8506 0 .4697-.3705.8505-.8275.8505-.4571 0-.8276-.3808-.8276-.8505 0-.4698.3705-.8506.8276-.8506z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/my_files.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M18 15h1c.5523 0 1 .4477 1 1s-.4477 1-1 1H1c-.5523 0-1-.4477-1-1s.4477-1 1-1h1V4c0-.5523.4477-1 1-1h14c.2761 0 .5261.112.7071.2929.181.181.2929.431.2929.7071v11zm-2-3V5H4v7h12zm-8 2v1h4v-1H8z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/offline.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M14.8 7.76L12.24 5.2l-5.0112 5.0112H5.7312l4.0576 4.0576v-1.4976L14.8 7.76zm3.2.64l-1.28 1.28-.64-.64-4.48 4.48v2.56l-1.28 1.28-3.2-3.2L3.28 18H2v-1.28l3.84-3.84-3.2-3.2L3.92 8.4h2.56l4.48-4.48-.64-.64L11.6 2 18 8.4z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/phone.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M14 1.01L6 1c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM14 17H6v-1h8v1zm0-3H6V6h8v8zM6 4V3h8v1H6z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/plugin_vm_ng.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M7 13v4H4V5c0-.5523.4477-1 1-1h8c1.6569 0 3 1.3431 3 3v3c0 1.6569-1.3431 3-3 3H7zm0-6v3h5c.5523 0 1-.4477 1-1V8c0-.5523-.4477-1-1-1H7z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/recent.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M9.992 2C5.576 2 2 5.584 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8zM10 16c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm3.5-3.5l-1.4142 1.4142-3.0607-2.9896L9 6h1.9475v4L13.5 12.5z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/sd.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M15 2c1.1046 0 2 .8954 2 2v12c0 1.1046-.8954 2-2 2H5c-1.1046 0-2-.8954-2-2V7l5-5h7zm0 2H8.8284L5 7.8284V16h10V4zm-1 2v3h-1.5V6H14zm-2.5 0v3H10V6h1.5zM9 6v3H7.5V6H9z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/service_drive.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M18.7333 12L13.0167 2h-5.7v.0083L13.025 12h5.7083zm-10.4583.8333l-2.8583 5H16.35l2.8583-5H8.275zM6.5917 3.2667L1.125 12.8333l2.8583 4.9917L9.45 8.2667c0 .0083-2.8583-5-2.8583-5z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/shared.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
+  <path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/shortcut.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M7 10c-1.1046 0-2 .8954-2 2v4H3v-4c0-2.2091 1.7909-4 4-4h7.5628l-3.0077-2.7663L12.8205 4 18 9l-5.1795 5-1.2743-1.2338L14.5628 10H7z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/smb.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M2 6v11h11v2H2c-1.1 0-2-.9-2-2V6h2zm9-5l2 2.0002h5c1.1 0 2 .9784 2 1.9998v8c0 1.0214-.9 2-2 2H6c-1.1 0-2-.9786-2-2l.01-10.1429C4.01 1.8357 4.9 1 6 1h5zm7 4H6v8h12V5zm-6 1.5c1.0539 0 1.9277.7844 2.1043 1.8164C14.887 8.4 15.5 9.0724 15.5 9.9c0 .8836-.6965 1.6-1.5556 1.6h-3.5c-1.0737 0-1.9444-.8952-1.9444-2 0-1.0196.7443-1.8516 1.703-1.9752C10.582 6.9116 11.2408 6.5 12 6.5z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/team_drive.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M15 2c1.1046 0 2 .8954 2 2v12c0 1.1046-.8954 2-2 2H5c-1.1046 0-2-.8954-2-2V4c0-1.1046.8954-2 2-2h10zm0 13H5v1h10v-1zm0-11H5v9h10V4zm-3.61 5.0015L11.5 9c.7935 0 2.35.407 2.4899 1.2152l.0101.1181V11h-2.0002L12 10.3333c0-.5277-.2343-.9747-.61-1.3318L11.5 9zM8.5 9c.8313 0 2.5.4467 2.5 1.3333V11H6v-.6667C6 9.4467 7.6688 9 8.5 9zm3-2.5c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-3 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/usb.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M12.5423 9.5472h.7394v1.5094H11V5.0189h1.5423L10.25 2 8 5.0189h1.5v6.0377H7.3662V9.4943c.5176-.2792.8873-.815.8873-1.4566 0-.9132-.732-1.6603-1.6267-1.6603C5.732 6.3774 5 7.1245 5 8.0377c0 .6415.3697 1.1774.8873 1.4566v1.5623c0 .8377.542 1.4434 1.3627 1.4434H9.5V15c-.525.2792-.8028.6981-.8028 1.3396 0 .9208.732 1.6604 1.6267 1.6604.8948 0 1.6268-.7396 1.6268-1.6604 0-.6415-.4257-1.0604-.9507-1.3396v-2.5h2.2817c.8208 0 1.4789-.6057 1.4789-1.4434V9.5472H15.5V6.5283h-2.9577v3.0189z"/>
+</svg>

ui/file_manager/file_manager/foreground/images/volumes/videos.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path d="M16 4h-2l1 3h-2l-1-3h-2l1 3H9L8 4H6l1 3H5L4 4C3 4 2 5.007 2 6v9c0 1 .9 2 2 2h12c1.1.048 2-.875 2-2V6c0-.993-1-2-2-2zm0 11H4V9h12v6z"/>
+</svg>