QubesOS / qubes-issues

The Qubes OS Project issue tracker
https://www.qubes-os.org/doc/issue-tracking/
541 stars 48 forks source link

Cute cube icons to replace padlocks, on VMs #5676

Closed ninavizz closed 3 years ago

ninavizz commented 4 years ago

Problem

The lock semiotic in the context of a UI typically means that an item is restricted from being modified. In Qubes, it is extremely confusing seeing it used to denote containers, and containers of different security, permanence, and derivation properties. The ecosystem of VMs within Qubes should have their own family of icons, within which Template, Service, Disposable, and App qubes are more clearly distinguished. Also, everyone liked the cute-cube, so—here we are!

Solution

Implement cute-cube icons across GUI components that currently show VMs with a colored padlock. Note, that dom0 is shown w/ an icon in the below schema—it's just always shown at 60% alpha. The below also shows a magenta icon, which I'm not including in the deliverables as that does not yet exist as an optional qube color.

image

Comments for iteration between delivered art, and screenshots of what they look like in various components w/in a build. My guess is that some iteration will be needed... :D

ninavizz commented 4 years ago

QuteQubes.zip

Includes: red, orange, yellow, green, blue, tor-purple, disp, template, services, domain menu

@marmarta Above is a ZIP file with what should be all the SVGs you'll need. Wd love to see a screenshot of what they look like in the app menu, qube manager, and either the devices or open domains tray menus, whenever you this is gotten to. The matching colored Qube Settings icons, are in #5447

When this issue is merged into a proper build, a "heavy" bit of work will be re-capturing and posting new screenshots for documentation and the website—as this is a very significant GUI change (and many of the screenies are out of date, anyway). FYI, that should be considered when evaluating when this shd be pushed.

hexagonrecursion commented 4 years ago

Note: it is currently possible for the user to create new labels with arbitrary RGB colors by either:

  1. Writing a script to call qdmin.label.Create method of the Qubes Admin API with the appropriate arguments
  2. Editing /var/lib/qubes/qubes.xml
    <qubes>
    <labels>
    <label color="0xcc0000" id="label-1">red</label>
    <label color="0xf57900" id="label-2">orange</label>
    <label color="0xedd400" id="label-3">yellow</label>
    <label color="0x73d216" id="label-4">green</label>
    <label color="0x555753" id="label-5">gray</label>
    <label color="0x3465a4" id="label-6">blue</label>
    <label color="0x75507b" id="label-7">purple</label>
    <label color="0x000000" id="label-8">black</label>
    </labels>

    Therefore I'm fairly certain that there is currently only one padlock icon and the color is applied programmatically.

I find it notable that this ability is not exposed even in the python api or the command line api let alone the GUI.

ninavizz commented 4 years ago

Ayy... well, crap, that stinks. Applying color programmatically is not ideal, since across the spectrum different hues need different degrees of contrast from darker color regions in an object, for it to render with equal perceptive clarity. TL;DR, math doesn't solve for everything.

It'd be my preference for each color option to get their own bit of cube artwork. If that's not possible @marmarta pls let me know (once this gets on your docket to work on).

marmarta commented 4 years ago

That would require a pretty big change in how we approach the label colors - I'm tempted to agree and say yes, we can have only a set amount of colors and use fixed icons. The way the padlock icons are drawn currently borders on horrifying and it would be much nicer to have them as actual icons. But there definitely will be some people very displeased with losing their custom colors... Maybe we could have X amount of colors predefined and a legacy mechanism for handling any custom colors someone made for themselves. @marmarek, would you be fine with such a change? (+disabling the mechanism for adding custom colors, if it can be called a mechanism at all - I mean people will still be able to edit source files if they want, it's not that different from editing raw qubes.xml)

mfp20 commented 4 years ago

Sorry to waste your time with this comment but ... PLEASE DO SOMETHING. I tried myself to have better icons and got a mess... I'm a poor graphicapped techy: can't draw anything, even avoiding all the pencils/pens/gimps at once and using a coding approach brings me nowhere when it comes to graphics. I need it, I can't give it to me.

A motivational comment. More like a desperate yell for help.

marmarek commented 4 years ago

Maybe we could have X amount of colors predefined and a legacy mechanism for handling any custom colors someone made for themselves. @marmarek, would you be fine with such a change?

Yes. I think it's fine to treat custom colors as second-class citizens here. It should be possible to also add custom icons for those custom colors, but fallback to less-nice icons by default should be ok. I'd not remove the feature completely, as it was requested multiple times over the years. In the future, if/when we add the ability to define custom colors in GUI, we can also add an option to set specific icon associated with it.

There is one (two or even three) more issue related to icon colors: application icons. Currently we take original icon and color it in a VM's color. We do that in three places, which are mostly independent:

  1. The menu - here the input icon is static, a file installed together with an application.
  2. The application window (visible in application switcher under alt-tab, and depending on settings, on the title bar) - here application provide the icon at runtime and in theory can change it dynamically (although applications rarely do that) - in practice this icon is the same as the one in the menu, but in theory it doesn't need to be
  3. The notification area/tray (network manager etc) - some applications place an icon there, in many cases this icon is very much dynamic, carrying some information (network connection status, new messages in case of IM clients etc). Currently we also take the original icon and apply color to it (using more or less the same algorithm), but we have also implemented other options like adding a colorful frame

The last one is especially tricky, as it is the only hint about the icon origin - contrary to normal application windows, there is no visible VM name next to it.

This may be getting offtopic, some of those three points may be discussed in other issues already.

marmarta commented 4 years ago

I think I would propose starting with 1: replacing the padlocks (what is returned by vm.icon). Using the ones delivered by @ninavizz for existing pre-defined colors and making a fallback that colorizes a generic icon if someone has a custom color. It's actually not related directly to 2 and 3, and we can discuss and/or change those separately, I think.

h01ger commented 4 years ago

those cute cube icons look very cute indeed, thank you!

ninavizz commented 4 years ago

@marmarta Sounds good to me! Should the "generic icon" to be colorized be white or black?

marmarta commented 4 years ago

I've finally got to implementing this in a non-ugly way (and there is a way), and I have two requests: could I get the template/dispvm/servicevm icons in all colours? while defaults are black/red/red, you can set those to any colour you want :) Another is: could I also get a grey icon? Grey label exists, at least for backwards compatibility we need to have it. Af for the default icon, it doesn't matter, and I can just use grey icons for that, too. Sorry for the delay!

brendanhoar commented 4 years ago

Paging @ninavizz (see @marmarta request above). :)

ninavizz commented 4 years ago

TY @brendanhoar for the ping, and no apologies @marmarta... super siked to see these going in!

Your request is my command, esp after all the work figuring-out how to get 'em swapped-out. Will getcha updated arts, sometime mid-week. FPF peeps gonna be siiiiked to see this go in, especially given the chorus of facepalms at new users wondering "why is everything locked?" :D

Yay, go team! :)

ninavizz commented 4 years ago

^ @marmarta Could I possibly see a screenshot of what the icons I'd previously delivered, look like in your dev build? I just want to make sure all is good in how I'd sized and formatted them, for delivering more (yes, sometimes SVGs re-size awkwardly). :)

marmarta commented 4 years ago

@ninavizz those are icons in the menu: ignore that not all show the correct icon type, I've only replaced a bunch on my current system to see if it works at all :) Oh, and the green Service VM icon is a bit wrong because I copied and pasted the star manually, just to get something to see if it works. So it's my fault, not your icons' :) icons1

I'm resizing them with Inkscape, because it's the only tool that actually produces non-terrible icons without a lot of fuzzy back-of-the-napkin math.

ninavizz commented 4 years ago

Aah, cool! So, most are cutting-off an edge shadow on the right side. Are you using these as PNGs?

LOL, nothing is "my" or your faults; often stuff like this needs to get iterated on for the correct formats/sizes to get just-right, for how a system wishes to render things. Because in the end, humans only wish we could control everything. ;)

If you tell me the size and format all these things need to be, that could help me get u better ones.

marmarta commented 4 years ago

Yeah, I'm using them as pngs of various sizes. Well, potentially all kinds of sizes in different places: I generate icons from the smallest 16x16 to biggest 512x512, although in practice 16x16, 24x24, 48x48 get the most use, unless user changes the settings themselves.

I can send you a zip of the packaged pngs I get, if its helpful?

ninavizz commented 4 years ago

Yes! Always helpful to see actual art files being used in code... much appreciated! Yeah, following the multiples/divisors-of-8 rule, I take it?

marmarta commented 4 years ago

Alright, those are all the icons we generate (by default most of the sizes are unused - but if someone has an unusual high DPI etc. config, they can use them, and also providing all the sizes makes it easier for future development just to use "give me this icon and make it the size we want") generated_icons.zip

ninavizz commented 4 years ago

^ @marmarta What is the "Start Here" multi-colroed icon for? Is that for the App menu (far-left)—and if so, why wd it be colored? Is this for the Domains menu?

marmarta commented 4 years ago

@ninavizz , oh, sorry, I forgot to remove them! They are, I think, for some installer things (AKA not in scope here). Only the devices/somethingvm icons interest us right now.

mofo-2000 commented 4 years ago

I would really recommend adding the inter font family into dom0 as well. This typeface is clearing up allot in smaller ux designs : )

marmarta commented 4 years ago

@ninavizz , it turns out one more icon type is needed: a combination of a serviceVM and a dispVM, for situations when a dispvm is used as e.g. a netvm :)

ninavizz commented 4 years ago

@marmarta Okee doke, have on my plate for tomorrow (Monday) PST, to get all of these created and posted for ya. So, your Tuesday AM should see a nice shiney drop of new artwork here, for ya.

ninavizz commented 4 years ago

@marmarta Hey hey... so, I'm working right now on stuffing the star in the service-vm, into the disposable-vm dual-cube illustration. At 16x16, it's just not working.

I took a look at the glossary here, and there's 7 types of VMs. Which, raises a flag to me. TL;DR, the same argument comes to mind for wanting to limit the number of symbolic variations for VMs, as with the number of colors available to users for coding VMs.

There's only so many variations on a theme the brain can track. A Dunbar's number of sorts, for symbology; and at 16x16 when you have fewer pixels to extract meaning from, it's made that much harder.

The disp vs template vs app vs service VM variations on the cube theme, imho all feel impressively clear at 16x16. Adding-in a tertiary variation that merges the service and disposable symbologies, imho breaks the system. At 20x20, I can get the two starred cubes together on an icon, nicely, with the star not looking like a misplaced blob... but not any smaller. Once it stops looking like a star, then, the meaning becomes muddled/lost. To solve for that, the star could be reduced to simply a dot, as it is currently done on the locks—but the star carries with it a semiotic of authority, which works well imho with communicating the centrality of service vms.

image

Happy to discuss in a call. Async is hard. I've been wracking my brain for hours, trying to elegantly extend the "system" to this 5th symbolic cube variant, and it's just not working. Would you and Marek be ok with just using the regular Service VM star-on-cube icon, for service VMs that are also disposable? It's what I'd prefer, for the above reasons.

ninavizz commented 4 years ago

image ^ 16x16

marmarek commented 4 years ago

Would you and Marek be ok with just using the regular Service VM star-on-cube icon, for service VMs that are also disposable?

Yes, I think that should be fine. Disposable service VMs are not there by default (but one can create them with quite elaborate steps). And IMO property "is service vm" is more important than "is disposable vm", so using "service" icon makes sense.

ninavizz commented 4 years ago

Cool!!

Below are the Service VM icons, and the App VM icons. I punched some of the colors up a bit, so they'd be higher-contrast and more recognizable at the small sizes. I also made a ton of sizes, so that the library can simply exist should larger sizes be properly needed at any point (and tbh it's not hard). The artwork is subtly different between the 16px, 48px, 96px, and 128px versions, too.

Template and Disposable VM icons, tomorrow. :)

AppVMs.zip ServiceVMs.zip

ninavizz commented 4 years ago

Whoopsie! @marmarta Forgot the Blue AppVm icons, in the above. They're slightly different from the ones I'm recommending for the Domains Menu tray icon, fwiw (I need to update that ticket, too).

BlueAppVms.zip

ninavizz commented 4 years ago

Halfway done with the disp-vm icons... but all done with the others.

Found a few missing icons in the app-vm and the service-vm folders, so I've re-compressed both with all 80 (yikes!) icons in each. Below is also the template-vm set. This eve I'll post the disp-vm set!

TemplateVMs.zip ServiceVMs.zip AppVMs.zip

Super excited to see these make it into production! :)

ninavizz commented 4 years ago

10 sizes, 8 colors, 4 variants

Audited; missing icons added; name and color spellings all unified, etc. Deleted all ZIP deliveries above, to make this the final drop.

AppVMs.zip DispVMs.zip ServiceVMs.zip TemplateVMs.zip

Source Art

QuteQubesMaster.pdf

SVG

<svg width="1183px" height="745px" viewBox="0 0 1183 745" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Qute Qubes Master</title>
    <defs>
        <path d="M113.536519,29.0044264 L69.8575293,4.66178636 C67.9891794,3.64143618 65.8683499,3.05837893 63.6970243,3.00979083 C61.2732191,2.91261462 58.9504058,3.54425997 56.8800721,4.66178636 L13.2010821,29.0044264 C10.6762849,30.3648933 8.80273437,32.0253906 8.9921875,33.8681641 L48.0937782,57.379879 C55.4156898,61.4612797 59.9098287,68.8952596 59.9098287,77.0094729 L61.0058594,124.177734 C64.2880956,125.100908 66.7267809,125.306048 69.8575293,123.605464 L113.536519,99.2628245 C117.525699,97.0277717 120,92.8977829 120,88.5248535 L120,39.7909854 C120,35.3208799 117.525699,31.2394791 113.536519,29.0044264 Z" id="path-1"></path>
        <filter x="-0.5%" y="-0.4%" width="101.8%" height="100.8%" filterUnits="objectBoundingBox" id="filter-2">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.458823529   0 0 0 0 0.219607843   0 0 0 0 0.0745098039  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <polygon id="path-3" points="64.7602641 20 52.573659 46.1123663 24 50.9484397 45.2456503 70.5249513 41.0492808 99 66.3661981 84.987268 92.3453422 97.7511536 86.7470101 69.5137232 107 48.9259835 78.2223697 45.487268"></polygon>
        <filter x="-0.6%" y="-0.6%" width="101.2%" height="101.3%" filterUnits="objectBoundingBox" id="filter-4">
            <feMorphology radius="0.5" operator="erode" in="SourceAlpha" result="shadowSpreadInner1"></feMorphology>
            <feOffset dx="0" dy="0.5" in="shadowSpreadInner1" result="shadowOffsetInner1"></feOffset>
            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
            <feColorMatrix values="0 0 0 0 0.458823529   0 0 0 0 0.219607843   0 0 0 0 0.0745098039  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
        </filter>
        <path d="M113.536519,29.0044264 L69.8575293,4.66178636 C67.9891794,3.64143618 65.8683499,3.05837893 63.6970243,3.00979083 C61.2732191,2.91261462 58.9504058,3.54425997 56.8800721,4.66178636 L13.2010821,29.0044264 C10.6762849,30.3648933 8.80273437,32.0253906 8.9921875,33.8681641 L48.0937782,57.379879 C55.4156898,61.4612797 59.9098287,68.8952596 59.9098287,77.0094729 L61.0058594,124.177734 C64.2880956,125.100908 66.7267809,125.306048 69.8575293,123.605464 L113.536519,99.2628245 C117.525699,97.0277717 120,92.8977829 120,88.5248535 L120,39.7909854 C120,35.3208799 117.525699,31.2394791 113.536519,29.0044264 Z" id="path-5"></path>
        <filter x="-0.5%" y="-0.4%" width="101.8%" height="100.8%" filterUnits="objectBoundingBox" id="filter-6">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.215686275   0 0 0 0 0.396078431   0 0 0 0 0.580392157  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M71.6140667,17.904687 L41.974752,1.14418077 C40.7069432,0.441644583 39.2678088,0.0401953316 37.7944094,0.00674122736 C36.1496844,-0.0601669812 34.5734896,0.374736374 33.1686204,1.14418077 L3.52930568,17.904687 C1.8160505,18.8414019 0.753832281,20.3802907 0,22.08645 L27.2064923,37.4418839 C32.1749324,40.2520287 35.2245266,45.3705066 35.2245266,50.957342 L35.2245266,83.5750937 C37.4517583,84.2107217 39.8503156,84.2107217 41.974752,83.039828 L71.6140667,66.2793218 C74.3210099,64.740433 76,61.8968341 76,58.8859647 L76,25.3314982 C76,22.2537206 74.3210099,19.4435758 71.6140667,17.904687 Z" id="path-7"></path>
        <filter x="-0.7%" y="-0.6%" width="102.6%" height="101.2%" filterUnits="objectBoundingBox" id="filter-8">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M0,58.7040261 C0,61.8231774 1.67521368,64.7366703 4.37606838,66.3133841 L33.9487179,83.4858542 C34.5982906,83.8286181 35.2820513,83.8286181 36,84 L36,50.6147987 C36,44.890642 32.957265,39.6120783 28,36.7328618 L0.854700855,21 C0.444444444,22.0968444 0,23.1594124 0,24.3248096 L0,58.7040261 Z" id="path-9"></path>
        <filter x="-1.4%" y="-2.4%" width="105.6%" height="103.2%" filterUnits="objectBoundingBox" id="filter-10">
            <feOffset dx="1" dy="-1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M120.671776,60.904687 L91.4224527,44.1441808 C90.1713255,43.4416446 88.7511271,43.0401953 87.2971145,43.0067412 C85.6740307,42.939833 84.1185753,43.3747364 82.7321912,44.1441808 L53.4828674,60.904687 C51.7921551,61.8414019 50.7439134,63.3802907 50,65.08645 L76.8485122,80.4418839 C81.751578,83.2520287 84.761046,88.3705066 84.761046,93.957342 L84.761046,126.575094 C86.958972,127.210722 89.3259693,127.210722 91.4224527,126.039828 L120.671776,109.279322 C123.343102,107.740433 125,104.896834 125,101.885965 L125,68.3314982 C125,65.2537206 123.343102,62.4435758 120.671776,60.904687 Z" id="path-11"></path>
        <filter x="-0.7%" y="-0.6%" width="102.7%" height="101.2%" filterUnits="objectBoundingBox" id="filter-12">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M72.5563571,18.904687 L42.5270514,2.14418077 C41.2425609,1.44164458 39.7844905,1.04019533 38.2917042,1.00674123 C36.6253381,0.939833019 35.028404,1.37473637 33.6050496,2.14418077 L3.57574391,18.904687 C1.8399459,19.8414019 0.763751127,21.3802907 0,23.08645 L27.5644725,38.4418839 C32.5982867,41.2520287 35.6880072,46.3705066 35.6880072,51.957342 L35.6880072,84.5750937 C37.9445446,85.2107217 40.3746619,85.2107217 42.5270514,84.039828 L72.5563571,67.2793218 C75.2989179,65.740433 77,62.8968341 77,59.8859647 L77,26.3314982 C77,23.2537206 75.2989179,20.4435758 72.5563571,18.904687 Z" id="path-13"></path>
        <filter x="-0.6%" y="-0.6%" width="102.6%" height="101.2%" filterUnits="objectBoundingBox" id="filter-14">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M72.5563571,17.904687 L42.5270514,1.14418077 C41.2425609,0.441644583 39.7844905,0.0401953316 38.2917042,0.00674122736 C36.6253381,-0.0601669812 35.028404,0.374736374 33.6050496,1.14418077 L3.57574391,17.904687 C1.8399459,18.8414019 0.763751127,20.3802907 0,22.08645 L27.5644725,37.4418839 C32.5982867,40.2520287 35.6880072,45.3705066 35.6880072,50.957342 L35.6880072,83.5750937 C37.9445446,84.2107217 40.3746619,84.2107217 42.5270514,83.039828 L72.5563571,66.2793218 C75.2989179,64.740433 77,61.8968341 77,58.8859647 L77,25.3314982 C77,22.2537206 75.2989179,19.4435758 72.5563571,17.904687 Z" id="path-15"></path>
        <filter x="-0.6%" y="-0.6%" width="102.6%" height="101.2%" filterUnits="objectBoundingBox" id="filter-16">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M85.1523895,21.6098953 L52.393147,3.25315037 C50.9918846,2.48370597 49.4012624,2.04402346 47.7727683,2.00738325 C45.9549143,1.93410283 44.2128043,2.41042555 42.6600541,3.25315037 L9.90081154,21.6098953 C8.00721371,22.6358212 6.59619141,24.1069336 6.54931641,25.7382813 L36.0703336,43.0077776 C41.5617674,46.0855552 44.9323715,51.6915072 44.9323715,57.8104222 L45.6274414,93.0043945 C47.8251953,94.5410156 50.0450857,94.2307904 52.393147,92.9483831 L85.1523895,74.5916381 C88.1442741,72.9061885 90,69.7917707 90,66.4941519 L90,29.7440218 C90,26.3731225 88.1442741,23.2953449 85.1523895,21.6098953 Z" id="path-17"></path>
        <filter x="-0.6%" y="-0.5%" width="102.4%" height="101.1%" filterUnits="objectBoundingBox" id="filter-18">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <polygon id="path-19" points="47.9919886 17 39.6228743 34.8489592 20 38.1546297 34.5903863 51.5360427 31.7085422 71 49.0948589 61.4216769 66.9359579 70.1463581 63.0913202 50.8448235 77 36.7721913 57.2370491 34.4216769"></polygon>
        <filter x="-0.9%" y="-0.9%" width="101.8%" height="101.9%" filterUnits="objectBoundingBox" id="filter-20">
            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
            <feColorMatrix values="0 0 0 0 0.0822867347   0 0 0 0 0.0834044633   0 0 0 0 0.084522192  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
        </filter>
        <path d="M41.4607755,10.2312497 L24.3011722,0.653817584 C23.5671776,0.252368333 22.7339946,0.0229687609 21.8809739,0.00385212992 C20.9287647,-0.0343811321 20.0162308,0.214135071 19.2028855,0.653817584 L2.04328224,10.2312497 C1.05139766,10.7665154 0.436429216,11.6458804 0,12.6208286 L15.7511271,21.3953622 C18.6275924,23.0011592 20.393147,25.9260038 20.393147,29.1184812 L20.393147,47.7571964 C21.6825969,48.1204124 23.0712353,48.1204124 24.3011722,47.4513303 L41.4607755,37.8738982 C43.0279531,36.9945331 44,35.3696195 44,33.6491227 L44,14.4751418 C44,12.7164118 43.0279531,11.1106147 41.4607755,10.2312497 Z" id="path-21"></path>
        <filter x="-1.1%" y="-1.0%" width="104.5%" height="102.1%" filterUnits="objectBoundingBox" id="filter-22">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <polygon id="path-23" points="23.2058881 7 18.3606114 17.2466247 7 19.1443244 15.4470658 26.8262467 13.7786297 38 23.844392 32.501333 34.1734493 37.5099463 31.9476064 26.4294357 40 18.3507024 28.5582916 17.001333"></polygon>
        <filter x="-1.5%" y="-1.6%" width="103.0%" height="103.2%" filterUnits="objectBoundingBox" id="filter-24">
            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
            <feColorMatrix values="0 0 0 0 0.0822867347   0 0 0 0 0.0834044633   0 0 0 0 0.084522192  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
        </filter>
        <path d="M14.1343553,3.41041657 L8.28449053,0.217939195 C8.0342651,0.0841227777 7.75022543,0.00765625364 7.4594229,0.00128404331 C7.13480613,-0.0114603774 6.82371506,0.071378357 6.54643823,0.217939195 L0.69657349,3.41041657 C0.358431019,3.58883846 0.148782687,3.88196014 0,4.20694287 L5.36970243,7.13178741 C6.3503156,7.66705308 6.9522092,8.64200126 6.9522092,9.70616039 L6.9522092,15.9190655 C7.39179441,16.0401375 7.86519387,16.0401375 8.28449053,15.8171101 L14.1343553,12.6246327 C14.6686204,12.331511 15,11.7898732 15,11.2163742 L15,4.82504727 C15,4.23880392 14.6686204,3.70353825 14.1343553,3.41041657 Z" id="path-25"></path>
        <filter x="-3.3%" y="-3.1%" width="113.3%" height="106.2%" filterUnits="objectBoundingBox" id="filter-26">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.247058824   0 0 0 0 0.0470588235   0 0 0 0 0.274509804  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <polygon id="path-27" points="7.89305023 2 6.13113143 5.6358991 2 6.30927641 5.07166028 9.0351198 4.46495626 13 8.12523346 11.0488601 11.8812543 12.82611 11.0718569 8.89431589 14 6.02766859 9.83937875 5.5488601"></polygon>
        <filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-28">
            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
            <feColorMatrix values="0 0 0 0 0.247058824   0 0 0 0 0.0470588235   0 0 0 0 0.274509804  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
        </filter>
        <path d="M43.4607755,10.2312497 L26.3011722,0.653817584 C25.5671776,0.252368333 24.7339946,0.0229687609 23.8809739,0.00385212992 C22.9287647,-0.0343811321 22.0162308,0.214135071 21.2028855,0.653817584 L4.04328224,10.2312497 C3.05139766,10.7665154 2.43642922,11.6458804 2,12.6208286 L17.7511271,21.3953622 C20.6275924,23.0011592 22.393147,25.9260038 22.393147,29.1184812 L22.393147,47.7571964 C23.6825969,48.1204124 25.0712353,48.1204124 26.3011722,47.4513303 L43.4607755,37.8738982 C45.0279531,36.9945331 46,35.3696195 46,33.6491227 L46,14.4751418 C46,12.7164118 45.0279531,11.1106147 43.4607755,10.2312497 Z" id="path-29"></path>
        <filter x="-1.1%" y="-1.0%" width="104.5%" height="102.1%" filterUnits="objectBoundingBox" id="filter-30">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.215686275   0 0 0 0 0.396078431   0 0 0 0 0.580392157  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M85.1523895,21.6098953 L52.393147,3.25315037 C50.9918846,2.48370597 49.4012624,2.04402346 47.7727683,2.00738325 C45.9549143,1.93410283 44.2128043,2.41042555 42.6600541,3.25315037 L9.90081154,21.6098953 C8.00721371,22.6358212 6.59619141,24.1069336 6.54931641,25.7382813 L36.0703336,43.0077776 C41.5617674,46.0855552 44.9323715,51.6915072 44.9323715,57.8104222 L45.6274414,93.0043945 C47.8251953,94.5410156 50.0450857,94.2307904 52.393147,92.9483831 L85.1523895,74.5916381 C88.1442741,72.9061885 90,69.7917707 90,66.4941519 L90,29.7440218 C90,26.3731225 88.1442741,23.2953449 85.1523895,21.6098953 Z" id="path-31"></path>
        <filter x="-0.6%" y="-0.5%" width="102.4%" height="101.1%" filterUnits="objectBoundingBox" id="filter-32">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.215686275   0 0 0 0 0.396078431   0 0 0 0 0.580392157  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M14.1343553,3.41041657 L8.28449053,0.217939195 C8.0342651,0.0841227777 7.75022543,0.00765625364 7.4594229,0.00128404331 C7.13480613,-0.0114603774 6.82371506,0.071378357 6.54643823,0.217939195 L0.69657349,3.41041657 C0.358431019,3.58883846 0.148782687,3.88196014 0,4.20694287 L5.36970243,7.13178741 C6.3503156,7.66705308 6.9522092,8.64200126 6.9522092,9.70616039 L6.9522092,15.9190655 C7.39179441,16.0401375 7.86519387,16.0401375 8.28449053,15.8171101 L14.1343553,12.6246327 C14.6686204,12.331511 15,11.7898732 15,11.2163742 L15,4.82504727 C15,4.23880392 14.6686204,3.70353825 14.1343553,3.41041657 Z" id="path-33"></path>
        <filter x="-3.3%" y="-3.1%" width="113.3%" height="106.2%" filterUnits="objectBoundingBox" id="filter-34">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M53.71055,14.4285153 L31.481064,1.85813558 C30.5302074,1.33123344 29.4508566,1.0301465 28.345807,1.00505592 C27.1122633,0.954874764 25.9301172,1.28105228 24.8764653,1.85813558 L2.64697926,14.4285153 C1.36203787,15.1310514 0.565374211,16.285218 0,17.5648375 L20.4048693,29.0814129 C24.1311993,31.1890215 26.418395,35.02788 26.418395,39.2180065 L26.418395,63.6813203 C28.0888188,64.1580412 29.8877367,64.1580412 31.481064,63.279871 L53.71055,50.7094913 C55.7407574,49.5553247 57,47.4226256 57,45.1644736 L57,19.9986236 C57,17.6902904 55.7407574,15.5826819 53.71055,14.4285153 Z" id="path-35"></path>
        <filter x="-0.9%" y="-0.8%" width="103.5%" height="101.6%" filterUnits="objectBoundingBox" id="filter-36">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M53.71055,13.4285153 L31.481064,0.858135579 C30.5302074,0.331233437 29.4508566,0.0301464987 28.345807,0.00505592052 C27.1122633,-0.0451252359 25.9301172,0.281052281 24.8764653,0.858135579 L2.64697926,13.4285153 C1.36203787,14.1310514 0.565374211,15.285218 0,16.5648375 L20.4048693,28.0814129 C24.1311993,30.1890215 26.418395,34.02788 26.418395,38.2180065 L26.418395,62.6813203 C28.0888188,63.1580412 29.8877367,63.1580412 31.481064,62.279871 L53.71055,49.7094913 C55.7407574,48.5553247 57,46.4226256 57,44.1644736 L57,18.9986236 C57,16.6902904 55.7407574,14.5826819 53.71055,13.4285153 Z" id="path-37"></path>
        <filter x="-0.9%" y="-0.8%" width="103.5%" height="101.6%" filterUnits="objectBoundingBox" id="filter-38">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M-1.24344979e-14,44.3029758 C-1.24344979e-14,46.6084354 1.26305793,48.7618867 3.29941663,49.9272839 L25.5962556,62.6199792 C26.0860128,62.8733264 26.6015466,62.8733264 27.1428571,63 L27.1428571,38.3239816 C27.1428571,34.0930832 24.8487315,30.1915362 21.1111111,28.0634196 L0.644417311,16.4347826 C0.335097002,17.2454937 -1.24344979e-14,18.03087 -1.24344979e-14,18.8922506 L-1.24344979e-14,44.3029758 Z" id="path-39"></path>
        <filter x="-1.8%" y="-3.2%" width="107.4%" height="104.3%" filterUnits="objectBoundingBox" id="filter-40">
            <feOffset dx="1" dy="-1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M26.3841298,7.60768211 L15.4643823,1.42225719 C14.9972949,1.16298788 14.4670875,1.01483399 13.9242561,1.00248783 C13.3183048,0.977795519 12.7376014,1.13829557 12.220018,1.42225719 L1.30027051,7.60768211 C0.669071235,7.95337452 0.277727683,8.52129777 0,9.1509518 L10.0234445,14.8178381 C11.8539225,15.8549153 12.9774572,17.7438774 12.9774572,19.8056857 L12.9774572,31.8431893 C13.7980162,32.0777663 14.6816952,32.0777663 15.4643823,31.6456508 L26.3841298,25.4602259 C27.3814247,24.8923026 28,23.8428793 28,22.7317251 L28,10.3485291 C28,9.21268259 27.3814247,8.17560536 26.3841298,7.60768211 Z" id="path-41"></path>
        <filter x="-1.8%" y="-1.6%" width="107.1%" height="103.2%" filterUnits="objectBoundingBox" id="filter-42">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M26.3841298,6.60768211 L15.4643823,0.42225719 C14.9972949,0.162987882 14.4670875,0.0148339914 13.9242561,0.00248783391 C13.3183048,-0.0222044811 12.7376014,0.138295567 12.220018,0.42225719 L1.30027051,6.60768211 C0.669071235,6.95337452 0.277727683,7.52129777 0,8.1509518 L10.0234445,13.8178381 C11.8539225,14.8549153 12.9774572,16.7438774 12.9774572,18.8056857 L12.9774572,30.8431893 C13.7980162,31.0777663 14.6816952,31.0777663 15.4643823,30.6456508 L26.3841298,24.4602259 C27.3814247,23.8923026 28,22.8428793 28,21.7317251 L28,9.34852908 C28,8.21268259 27.3814247,7.17560536 26.3841298,6.60768211 Z" id="path-43"></path>
        <filter x="-1.8%" y="-1.6%" width="107.1%" height="103.2%" filterUnits="objectBoundingBox" id="filter-44">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M-9.76996262e-15,21.799877 C-9.76996262e-15,22.9343095 0.620449509,23.9939443 1.62076607,24.5673937 L12.5735992,30.8130056 C12.8141817,30.9376685 13.0674264,30.9376685 13.3333333,31 L13.3333333,18.8578322 C13.3333333,16.7759616 12.2063944,14.8561527 10.3703704,13.8089842 L0.316555872,8.08695652 C0.164609053,8.48587784 -9.76996262e-15,8.87233288 -9.76996262e-15,9.29618678 L-9.76996262e-15,21.799877 Z" id="path-45"></path>
        <filter x="-3.8%" y="-6.5%" width="115.0%" height="108.7%" filterUnits="objectBoundingBox" id="filter-46">
            <feOffset dx="1" dy="-1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M8.48061317,3.13151036 L4.97069432,1.136212 C4.82055906,1.05257674 4.65013526,1.00478516 4.47565374,1.00080253 C4.28088368,0.992837264 4.09422904,1.04461147 3.92786294,1.136212 L0.417944094,3.13151036 C0.215058611,3.24302404 0.0892696123,3.42622509 0,3.62933929 L3.22182146,5.45736713 C3.81018936,5.79190817 4.17132552,6.40125079 4.17132552,7.06635024 L4.17132552,10.9494159 C4.43507665,11.0250859 4.71911632,11.0250859 4.97069432,10.8856938 L8.48061317,8.89039545 C8.80117223,8.7071944 9,8.36867073 9,8.0102339 L9,4.01565454 C9,3.64925245 8.80117223,3.31471141 8.48061317,3.13151036 Z" id="path-47"></path>
        <filter x="-5.6%" y="-5.0%" width="122.2%" height="110.0%" filterUnits="objectBoundingBox" id="filter-48">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M8.48061317,2.13151036 L4.97069432,0.136211997 C4.82055906,0.052576736 4.65013526,0.00478515853 4.47565374,0.000802527067 C4.28088368,-0.00716273585 4.09422904,0.0446114731 3.92786294,0.136211997 L0.417944094,2.13151036 C0.215058611,2.24302404 0.0892696123,2.42622509 0,2.62933929 L3.22182146,4.45736713 C3.81018936,4.79190817 4.17132552,5.40125079 4.17132552,6.06635024 L4.17132552,9.94941591 C4.43507665,10.0250859 4.71911632,10.0250859 4.97069432,9.88569381 L8.48061317,7.89039545 C8.80117223,7.7071944 9,7.36867073 9,7.0102339 L9,3.01565454 C9,2.64925245 8.80117223,2.31471141 8.48061317,2.13151036 Z" id="path-49"></path>
        <filter x="-5.6%" y="-5.0%" width="122.2%" height="110.0%" filterUnits="objectBoundingBox" id="filter-50">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M0,7.03221838 C0,7.39816436 0.199430199,7.73998202 0.520960521,7.9249657 L4.04151404,9.93967924 C4.11884412,9.97989308 4.2002442,9.97989308 4.28571429,10 L4.28571429,6.08317169 C4.28571429,5.41160051 3.92348392,4.79230733 3.33333333,4.45451105 L0.101750102,2.60869565 C0.0529100529,2.73737995 0,2.86204286 0,2.99876993 L0,7.03221838 Z" id="path-51"></path>
        <filter x="-11.7%" y="-20.3%" width="146.7%" height="127.1%" filterUnits="objectBoundingBox" id="filter-52">
            <feOffset dx="1" dy="-1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M26.3841298,6.60768211 L15.4643823,0.42225719 C14.9972949,0.162987882 14.4670875,0.0148339914 13.9242561,0.00248783391 C13.3183048,-0.0222044811 12.7376014,0.138295567 12.220018,0.42225719 L1.30027051,6.60768211 C0.669071235,6.95337452 0.277727683,7.52129777 0,8.1509518 L10.0234445,13.8178381 C11.8539225,14.8549153 12.9774572,16.7438774 12.9774572,18.8056857 L12.9774572,30.8431893 C13.7980162,31.0777663 14.6816952,31.0777663 15.4643823,30.6456508 L26.3841298,24.4602259 C27.3814247,23.8923026 28,22.8428793 28,21.7317251 L28,9.34852908 C28,8.21268259 27.3814247,7.17560536 26.3841298,6.60768211 Z" id="path-53"></path>
        <filter x="-1.8%" y="-1.6%" width="107.1%" height="103.2%" filterUnits="objectBoundingBox" id="filter-54">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M0,21.799877 C0,22.9343095 0.620449509,23.9939443 1.62076607,24.5673937 L12.5735992,30.8130056 C12.8141817,30.9376685 13.0674264,30.9376685 13.3333333,31 L13.3333333,18.8578322 C13.3333333,16.7759616 12.2063944,14.8561527 10.3703704,13.8089842 L0.316555872,8.08695652 C0.164609053,8.48587784 0,8.87233288 0,9.29618678 L0,21.799877 Z" id="path-55"></path>
        <filter x="-3.8%" y="-6.5%" width="115.0%" height="108.7%" filterUnits="objectBoundingBox" id="filter-56">
            <feOffset dx="1" dy="-1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M44.3841298,22.6076821 L33.4643823,16.4222572 C32.9972949,16.1629879 32.4670875,16.014834 31.9242561,16.0024878 C31.3183048,15.9777955 30.7376014,16.1382956 30.220018,16.4222572 L19.3002705,22.6076821 C18.6690712,22.9533745 18.2777277,23.5212978 18,24.1509518 L28.0234445,29.8178381 C29.8539225,30.8549153 30.9774572,32.7438774 30.9774572,34.8056857 L30.9774572,46.8431893 C31.7980162,47.0777663 32.6816952,47.0777663 33.4643823,46.6456508 L44.3841298,40.4602259 C45.3814247,39.8923026 46,38.8428793 46,37.7317251 L46,25.3485291 C46,24.2126826 45.3814247,23.1756054 44.3841298,22.6076821 Z" id="path-57"></path>
        <filter x="-1.8%" y="-1.6%" width="107.1%" height="103.2%" filterUnits="objectBoundingBox" id="filter-58">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M53.71055,13.4285153 L31.481064,0.858135579 C30.5302074,0.331233437 29.4508566,0.0301464987 28.345807,0.00505592052 C27.1122633,-0.0451252359 25.9301172,0.281052281 24.8764653,0.858135579 L2.64697926,13.4285153 C1.36203787,14.1310514 0.565374211,15.285218 0,16.5648375 L20.4048693,28.0814129 C24.1311993,30.1890215 26.418395,34.02788 26.418395,38.2180065 L26.418395,62.6813203 C28.0888188,63.1580412 29.8877367,63.1580412 31.481064,62.279871 L53.71055,49.7094913 C55.7407574,48.5553247 57,46.4226256 57,44.1644736 L57,18.9986236 C57,16.6902904 55.7407574,14.5826819 53.71055,13.4285153 Z" id="path-59"></path>
        <filter x="-0.9%" y="-0.8%" width="103.5%" height="101.6%" filterUnits="objectBoundingBox" id="filter-60">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M0,44.1284004 C0,46.4553863 1.25641026,48.6289445 3.28205128,49.8052231 L25.4615385,62.6164309 C25.9487179,62.8721436 26.4615385,62.8721436 27,63 L27,38.09358 C27,33.8231774 24.7179487,29.8852013 21,27.7372144 L0.641025641,16 C0.333333333,16.8182807 0,17.6109902 0,18.4804135 L0,44.1284004 Z" id="path-61"></path>
        <filter x="-1.9%" y="-3.2%" width="107.4%" height="104.3%" filterUnits="objectBoundingBox" id="filter-62">
            <feOffset dx="1" dy="-1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M90.71055,45.4285153 L68.481064,32.8581356 C67.5302074,32.3312334 66.4508566,32.0301465 65.345807,32.0050559 C64.1122633,31.9548748 62.9301172,32.2810523 61.8764653,32.8581356 L39.6469793,45.4285153 C38.3620379,46.1310514 37.5653742,47.285218 37,48.5648375 L57.4048693,60.0814129 C61.1311993,62.1890215 63.418395,66.02788 63.418395,70.2180065 L63.418395,94.6813203 C65.0888188,95.1580412 66.8877367,95.1580412 68.481064,94.279871 L90.71055,81.7094913 C92.7407574,80.5553247 94,78.4226256 94,76.1644736 L94,50.9986236 C94,48.6902904 92.7407574,46.5826819 90.71055,45.4285153 Z" id="path-63"></path>
        <filter x="-0.9%" y="-0.8%" width="103.5%" height="101.6%" filterUnits="objectBoundingBox" id="filter-64">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M8.48061317,2.13151036 L4.97069432,0.136211997 C4.82055906,0.052576736 4.65013526,0.00478515853 4.47565374,0.000802527067 C4.28088368,-0.00716273585 4.09422904,0.0446114731 3.92786294,0.136211997 L0.417944094,2.13151036 C0.215058611,2.24302404 0.0892696123,2.42622509 0,2.62933929 L3.22182146,4.45736713 C3.81018936,4.79190817 4.17132552,5.40125079 4.17132552,6.06635024 L4.17132552,9.94941591 C4.43507665,10.0250859 4.71911632,10.0250859 4.97069432,9.88569381 L8.48061317,7.89039545 C8.80117223,7.7071944 9,7.36867073 9,7.0102339 L9,3.01565454 C9,2.64925245 8.80117223,2.31471141 8.48061317,2.13151036 Z" id="path-65"></path>
        <filter x="-5.6%" y="-5.0%" width="122.2%" height="110.0%" filterUnits="objectBoundingBox" id="filter-66">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M0,7.03221838 C0,7.39816436 0.199430199,7.73998202 0.520960521,7.9249657 L4.04151404,9.93967924 C4.11884412,9.97989308 4.2002442,9.97989308 4.28571429,10 L4.28571429,6.08317169 C4.28571429,5.41160051 3.92348392,4.79230733 3.33333333,4.45451105 L0.101750102,2.60869565 C0.0529100529,2.73737995 0,2.86204286 0,2.99876993 L0,7.03221838 Z" id="path-67"></path>
        <filter x="-11.7%" y="-6.8%" width="146.7%" height="113.5%" filterUnits="objectBoundingBox" id="filter-68">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M14.4806132,8.13151036 L10.9706943,6.136212 C10.8205591,6.05257674 10.6501353,6.00478516 10.4756537,6.00080253 C10.2808837,5.99283726 10.094229,6.04461147 9.92786294,6.136212 L6.41794409,8.13151036 C6.21505861,8.24302404 6.08926961,8.42622509 6,8.62933929 L9.22182146,10.4573671 C9.81018936,10.7919082 10.1713255,11.4012508 10.1713255,12.0663502 L10.1713255,15.9494159 C10.4350766,16.0250859 10.7191163,16.0250859 10.9706943,15.8856938 L14.4806132,13.8903954 C14.8011722,13.7071944 15,13.3686707 15,13.0102339 L15,9.01565454 C15,8.64925245 14.8011722,8.31471141 14.4806132,8.13151036 Z" id="path-69"></path>
        <filter x="-5.6%" y="-5.0%" width="122.2%" height="110.0%" filterUnits="objectBoundingBox" id="filter-70">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.203921569   0 0 0 0 0.215686275   0 0 0 0 0.22745098  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M19.7880974,4.90247382 L11.5982867,0.313287592 C11.2479711,0.120926493 10.8503156,0.0110058646 10.4431921,0.00184581225 C9.98872858,-0.0164742925 9.55320108,0.102606388 9.16501353,0.313287592 L0.975202885,4.90247382 C0.501803427,5.15895529 0.208295762,5.5803177 0,6.04748037 L7.51758341,10.2519444 C8.89044184,11.0213888 9.73309288,12.4228768 9.73309288,13.9526056 L9.73309288,22.8836566 C10.3485122,23.0576976 11.0112714,23.0576976 11.5982867,22.7370958 L19.7880974,18.1479095 C20.5360685,17.7265471 21,16.9479427 21,16.123538 L21,6.93600545 C21,6.09328063 20.5360685,5.32383623 19.7880974,4.90247382 Z" id="path-71"></path>
        <filter x="-2.4%" y="-2.2%" width="109.5%" height="104.3%" filterUnits="objectBoundingBox" id="filter-72">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.392156863   0 0 0 0 0.0705882353   0 0 0 0 0.0588235294  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M19.7880974,4.90247382 L11.5982867,0.313287592 C11.2479711,0.120926493 10.8503156,0.0110058646 10.4431921,0.00184581225 C9.98872858,-0.0164742925 9.55320108,0.102606388 9.16501353,0.313287592 L0.975202885,4.90247382 C0.501803427,5.15895529 0.208295762,5.5803177 0,6.04748037 L7.51758341,10.2519444 C8.89044184,11.0213888 9.73309288,12.4228768 9.73309288,13.9526056 L9.73309288,22.8836566 C10.3485122,23.0576976 11.0112714,23.0576976 11.5982867,22.7370958 L19.7880974,18.1479095 C20.5360685,17.7265471 21,16.9479427 21,16.123538 L21,6.93600545 C21,6.09328063 20.5360685,5.32383623 19.7880974,4.90247382 Z" id="path-73"></path>
        <filter x="-2.4%" y="-2.2%" width="109.5%" height="104.3%" filterUnits="objectBoundingBox" id="filter-74">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.552941176   0 0 0 0 0.266666667   0 0 0 0 0.0941176471  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M19.7880974,4.90247382 L11.5982867,0.313287592 C11.2479711,0.120926493 10.8503156,0.0110058646 10.4431921,0.00184581225 C9.98872858,-0.0164742925 9.55320108,0.102606388 9.16501353,0.313287592 L0.975202885,4.90247382 C0.501803427,5.15895529 0.208295762,5.5803177 0,6.04748037 L7.51758341,10.2519444 C8.89044184,11.0213888 9.73309288,12.4228768 9.73309288,13.9526056 L9.73309288,22.8836566 C10.3485122,23.0576976 11.0112714,23.0576976 11.5982867,22.7370958 L19.7880974,18.1479095 C20.5360685,17.7265471 21,16.9479427 21,16.123538 L21,6.93600545 C21,6.09328063 20.5360685,5.32383623 19.7880974,4.90247382 Z" id="path-75"></path>
        <filter x="-2.4%" y="-2.2%" width="109.5%" height="104.3%" filterUnits="objectBoundingBox" id="filter-76">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.729411765   0 0 0 0 0.509803922   0 0 0 0 0.031372549  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M1112.7881,303.902474 L1104.59829,299.313288 C1104.24797,299.120926 1103.85032,299.011006 1103.44319,299.001846 C1102.98873,298.983526 1102.5532,299.102606 1102.16501,299.313288 L1093.9752,303.902474 C1093.5018,304.158955 1093.2083,304.580318 1093,305.04748 L1100.51758,309.251944 C1101.89044,310.021389 1102.73309,311.422877 1102.73309,312.952606 L1102.73309,321.883657 C1103.34851,322.057698 1104.01127,322.057698 1104.59829,321.737096 L1112.7881,317.14791 C1113.53607,316.726547 1114,315.947943 1114,315.123538 L1114,305.936005 C1114,305.093281 1113.53607,304.323836 1112.7881,303.902474 Z" id="path-77"></path>
        <filter x="-2.4%" y="-2.2%" width="109.5%" height="104.3%" filterUnits="objectBoundingBox" id="filter-78">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.239215686   0 0 0 0 0.419607843   0 0 0 0 0.231372549  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M19.7880974,4.90247382 L11.5982867,0.313287592 C11.2479711,0.120926493 10.8503156,0.0110058646 10.4431921,0.00184581225 C9.98872858,-0.0164742925 9.55320108,0.102606388 9.16501353,0.313287592 L0.975202885,4.90247382 C0.501803427,5.15895529 0.208295762,5.5803177 0,6.04748037 L7.51758341,10.2519444 C8.89044184,11.0213888 9.73309288,12.4228768 9.73309288,13.9526056 L9.73309288,22.8836566 C10.3485122,23.0576976 11.0112714,23.0576976 11.5982867,22.7370958 L19.7880974,18.1479095 C20.5360685,17.7265471 21,16.9479427 21,16.123538 L21,6.93600545 C21,6.09328063 20.5360685,5.32383623 19.7880974,4.90247382 Z" id="path-79"></path>
        <filter x="-2.4%" y="-2.2%" width="109.5%" height="104.3%" filterUnits="objectBoundingBox" id="filter-80">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.062745098   0 0 0 0 0.0980392157   0 0 0 0 0.419607843  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M19.7880974,4.90247382 L11.5982867,0.313287592 C11.2479711,0.120926493 10.8503156,0.0110058646 10.4431921,0.00184581225 C9.98872858,-0.0164742925 9.55320108,0.102606388 9.16501353,0.313287592 L0.975202885,4.90247382 C0.501803427,5.15895529 0.208295762,5.5803177 0,6.04748037 L7.51758341,10.2519444 C8.89044184,11.0213888 9.73309288,12.4228768 9.73309288,13.9526056 L9.73309288,22.8836566 C10.3485122,23.0576976 11.0112714,23.0576976 11.5982867,22.7370958 L19.7880974,18.1479095 C20.5360685,17.7265471 21,16.9479427 21,16.123538 L21,6.93600545 C21,6.09328063 20.5360685,5.32383623 19.7880974,4.90247382 Z" id="path-81"></path>
        <filter x="-2.4%" y="-2.2%" width="109.5%" height="104.3%" filterUnits="objectBoundingBox" id="filter-82">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.247058824   0 0 0 0 0.0470588235   0 0 0 0 0.274509804  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M19.7880974,4.90247382 L11.5982867,0.313287592 C11.2479711,0.120926493 10.8503156,0.0110058646 10.4431921,0.00184581225 C9.98872858,-0.0164742925 9.55320108,0.102606388 9.16501353,0.313287592 L0.975202885,4.90247382 C0.501803427,5.15895529 0.208295762,5.5803177 0,6.04748037 L7.51758341,10.2519444 C8.89044184,11.0213888 9.73309288,12.4228768 9.73309288,13.9526056 L9.73309288,22.8836566 C10.3485122,23.0576976 11.0112714,23.0576976 11.5982867,22.7370958 L19.7880974,18.1479095 C20.5360685,17.7265471 21,16.9479427 21,16.123538 L21,6.93600545 C21,6.09328063 20.5360685,5.32383623 19.7880974,4.90247382 Z" id="path-83"></path>
        <filter x="-2.4%" y="-2.2%" width="109.5%" height="104.3%" filterUnits="objectBoundingBox" id="filter-84">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M19.7880974,5.11562486 L11.5982867,0.326908792 C11.2479711,0.126184167 10.8503156,0.0114843805 10.4431921,0.00192606496 C9.98872858,-0.017190566 9.55320108,0.107067536 9.16501353,0.326908792 L0.975202885,5.11562486 C0.501803427,5.38325769 0.208295762,5.82294021 0,6.3104143 L7.51758341,10.6976811 C8.89044184,11.5005796 9.73309288,12.9630019 9.73309288,14.5592406 L9.73309288,23.8785982 C10.3485122,24.0602062 11.0112714,24.0602062 11.5982867,23.7256651 L19.7880974,18.9369491 C20.5360685,18.4972666 21,17.6848097 21,16.8245614 L21,7.2375709 C21,6.35820588 20.5360685,5.55530737 19.7880974,5.11562486 Z" id="path-85"></path>
        <filter x="-2.4%" y="-2.1%" width="109.5%" height="104.2%" filterUnits="objectBoundingBox" id="filter-86">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.204380516   0 0 0 0 0.261588869   0 0 0 0 0.327898551  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
        <path d="M1111.7881,127.902474 L1103.59829,123.313288 C1103.24797,123.120926 1102.85032,123.011006 1102.44319,123.001846 C1101.98873,122.983526 1101.5532,123.102606 1101.16501,123.313288 L1092.9752,127.902474 C1092.5018,128.158955 1092.2083,128.580318 1092,129.04748 L1099.51758,133.251944 C1100.89044,134.021389 1101.73309,135.422877 1101.73309,136.952606 L1101.73309,145.883657 C1102.34851,146.057698 1103.01127,146.057698 1103.59829,145.737096 L1111.7881,141.14791 C1112.53607,140.726547 1113,139.947943 1113,139.123538 L1113,129.936005 C1113,129.093281 1112.53607,128.323836 1111.7881,127.902474 Z" id="path-87"></path>
        <filter x="-2.4%" y="-2.2%" width="109.5%" height="104.3%" filterUnits="objectBoundingBox" id="filter-88">
            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feColorMatrix values="0 0 0 0 0.215686275   0 0 0 0 0.396078431   0 0 0 0 0.580392157  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
        </filter>
    </defs>
    <g id="Qute-Qubes-Master" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <rect fill="#FFFFFF" x="0" y="0" width="1183" height="745"></rect>
        <g id="Group" transform="translate(233.000000, 564.000000)">
            <rect id="Rectangle" x="0" y="0" width="128" height="128"></rect>
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
                <use fill="#E96F24" fill-rule="evenodd" xlink:href="#path-1"></use>
            </g>
            <path d="M8,87.6583243 C8,92.2627856 10.6524217,96.5636561 14.9287749,98.8911861 L61.7521368,124.241023 C62.7806268,124.747008 63.8632479,124.747008 65,125 L65,75.7170838 C65,67.2671382 60.1823362,59.4749728 52.3333333,55.2247008 L9.35327635,32 C8.7037037,33.6191513 8,35.187704 8,36.9080522 L8,87.6583243 Z" id="Fill-3" fill="#753813"></path>
            <g id="Fill-1">
                <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-3"></use>
                <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
            </g>
        </g>
        <g id="Group-2" transform="translate(233.000000, 417.000000)">
            <rect id="Rectangle" x="0" y="0" width="128" height="128"></rect>
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
                <use fill="#85BCF6" fill-rule="evenodd" xlink:href="#path-5"></use>
            </g>
            <path d="M8,87.6583243 C8,92.2627856 10.6524217,96.5636561 14.9287749,98.8911861 L61.7521368,124.241023 C62.7806268,124.747008 63.8632479,124.747008 65,125 L65,75.7170838 C65,67.2671382 60.1823362,59.4749728 52.3333333,55.2247008 L9.35327635,32 C8.7037037,33.6191513 8,35.187704 8,36.9080522 L8,87.6583243 Z" id="Fill-3" fill="#376594"></path>
        </g>
        <g id="Group" transform="translate(228.000000, 121.000000)">
            <rect id="Rectangle" x="0" y="0" width="128" height="128"></rect>
            <g id="Template" opacity="0.4" transform="translate(0.000000, 1.000000)">
                <g id="Fill-1" opacity="0.6">
                    <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
                    <use fill="#C4CACF" fill-rule="evenodd" xlink:href="#path-7"></use>
                </g>
                <g id="Fill-3">
                    <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
                    <use fill="#34373A" fill-rule="evenodd" xlink:href="#path-9"></use>
                </g>
            </g>
            <g id="Fill-1" style="mix-blend-mode: multiply;">
                <use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
                <use fill="#C4CACF" fill-rule="evenodd" xlink:href="#path-11"></use>
            </g>
            <path d="M50,102.070634 C50,105.144581 51.6619183,108.015849 54.3413377,109.569712 L83.6792837,126.493306 C84.323701,126.831102 85.002035,126.831102 85.7142857,127 L85.7142857,94.0986422 C85.7142857,88.4574443 82.6956994,83.2553816 77.7777778,80.4178928 L50.8479175,64.9130435 C50.4409171,65.9939916 50,67.0411601 50,68.1896674 L50,102.070634 Z" id="Fill-3" fill="#34373A"></path>
        </g>
        <g id="Group" transform="translate(233.000000, 270.000000)">
            <rect id="Rectangle" x="0" y="0" width="128" height="128"></rect>
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-14)" xlink:href="#path-13"></use>
                <use fill="#585858" fill-rule="evenodd" xlink:href="#path-13"></use>
            </g>
            <path d="M-1.0658141e-14,60.0706344 C-1.0658141e-14,63.1445806 1.70623615,66.015849 4.45710668,67.5697119 L34.5773979,84.4933056 C35.2389997,84.8311019 35.9354226,84.8311019 36.6666667,85 L36.6666667,52.0986422 C36.6666667,46.4574443 33.5675847,41.2553816 28.5185185,38.4178928 L0.870528648,22.9130435 C0.452674897,23.9939916 -1.0658141e-14,25.0411601 -1.0658141e-14,26.1896674 L-1.0658141e-14,60.0706344 Z" id="Fill-3" fill="#000000"></path>
            <g id="Dissappearing" opacity="0.287411644" style="mix-blend-mode: multiply;" transform="translate(49.000000, 42.000000)">
                <g id="Fill-1" opacity="0.6">
                    <use fill="black" fill-opacity="1" filter="url(#filter-16)" xlink:href="#path-15"></use>
                    <use fill="#585858" fill-rule="evenodd" xlink:href="#path-15"></use>
                </g>
                <path d="M0,59.0706344 C0,62.1445806 1.70623615,65.015849 4.45710668,66.5697119 L34.5773979,83.4933056 C35.2389997,83.8311019 35.9354226,83.8311019 36.6666667,84 L36.6666667,51.0986422 C36.6666667,45.4574443 33.5675847,40.2553816 28.5185185,37.4178928 L0.870528648,21.9130435 C0.452674897,22.9939916 0,24.0411601 0,25.1896674 L0,59.0706344 Z" id="Fill-3" fill="#000000"></path>
            </g>
        </g>
        <g id="Group" transform="translate(472.000000, 564.000000)">
            <rect id="Rectangle" x="0" y="0" width="96" height="96"></rect>
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-18)" xlink:href="#path-17"></use>
                <use fill="#585858" fill-rule="evenodd" xlink:href="#path-17"></use>
            </g>
            <path d="M6,65.8933624 C6,69.359086 7.95441595,72.5963003 11.1054131,74.3482046 L45.6068376,93.4287269 C46.3646724,93.8095756 47.1623932,93.8095756 48,94 L48,56.9053319 C48,50.5451578 44.4501425,44.6800871 38.6666667,41.4809576 L6.997151,24 C6.51851852,25.218716 6,26.3993471 6,27.6942329 L6,65.8933624 Z" id="Fill-3" fill="#000000"></path>
            <g id="Fill-1">
                <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-19"></use>
                <use fill="black" fill-opacity="1" filter="url(#filter-20)" xlink:href="#path-19"></use>
            </g>
        </g>
        <g id="Group-3" transform="translate(694.000000, 564.000000)">
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-22)" xlink:href="#path-21"></use>
                <use fill="#585858" fill-rule="evenodd" xlink:href="#path-21"></use>
            </g>
            <path d="M0,33.5451578 C0,35.3275299 1.02374169,36.992383 2.67426401,37.8933624 L20.7464387,47.7062024 C21.1433998,47.9020675 21.5612536,47.9020675 22,48 L22,28.9227421 C22,25.6517954 20.1405508,22.6354733 17.1111111,20.9902067 L0.522317189,12 C0.271604938,12.6267682 0,13.2339499 0,13.8998912 L0,33.5451578 Z" id="Fill-3" fill="#000000"></path>
            <g id="Fill-1">
                <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-23"></use>
                <use fill="black" fill-opacity="1" filter="url(#filter-24)" xlink:href="#path-23"></use>
            </g>
        </g>
        <g id="Group-4" transform="translate(844.000000, 564.000000)">
            <rect id="Rectangle" x="0" y="0" width="16" height="16"></rect>
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-26)" xlink:href="#path-25"></use>
                <use fill="#A23EB2" fill-rule="evenodd" xlink:href="#path-25"></use>
            </g>
            <path d="M0,11.1817193 C0,11.7758433 0.325735992,12.3307943 0.850902184,12.6311208 L6.6011396,15.9020675 C6.72744539,15.9673558 6.86039886,15.9673558 7,16 L7,9.64091404 C7,8.55059848 6.40835708,7.54515778 5.44444444,6.99673558 L0.166191833,4 C0.0864197531,4.20892274 0,4.41131665 0,4.63329706 L0,11.1817193 Z" id="Fill-3" fill="#3F0C46"></path>
            <g id="Fill-1">
                <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-27"></use>
                <use fill="black" fill-opacity="1" filter="url(#filter-28)" xlink:href="#path-27"></use>
            </g>
        </g>
        <g id="Group-5" transform="translate(694.000000, 417.000000)">
            <rect id="Rectangle" x="0" y="0" width="48" height="48"></rect>
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-30)" xlink:href="#path-29"></use>
                <use fill="#85BCF6" fill-rule="evenodd" xlink:href="#path-29"></use>
            </g>
            <path d="M2,33.5451578 C2,35.3275299 3.02374169,36.992383 4.67426401,37.8933624 L22.7464387,47.7062024 C23.1433998,47.9020675 23.5612536,47.9020675 24,48 L24,28.9227421 C24,25.6517954 22.1405508,22.6354733 19.1111111,20.9902067 L2.52231719,12 C2.27160494,12.6267682 2,13.2339499 2,13.8998912 L2,33.5451578 Z" id="Fill-3" fill="#376594"></path>
        </g>
        <g id="Group-6" transform="translate(472.000000, 417.000000)">
            <rect id="Rectangle" x="0" y="0" width="96" height="96"></rect>
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-32)" xlink:href="#path-31"></use>
                <use fill="#85BCF6" fill-rule="evenodd" xlink:href="#path-31"></use>
            </g>
            <path d="M6,65.8933624 C6,69.359086 7.95441595,72.5963003 11.1054131,74.3482046 L45.6068376,93.4287269 C46.3646724,93.8095756 47.1623932,93.8095756 48,94 L48,56.9053319 C48,50.5451578 44.4501425,44.6800871 38.6666667,41.4809576 L6.997151,24 C6.51851852,25.218716 6,26.3993471 6,27.6942329 L6,65.8933624 Z" id="Fill-3" fill="#376594"></path>
        </g>
        <g id="Group-7" transform="translate(844.000000, 417.000000)">
            <rect id="Rectangle" x="0" y="0" width="16" height="16"></rect>
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-34)" xlink:href="#path-33"></use>
                <use fill="#C4CACF" fill-rule="evenodd" xlink:href="#path-33"></use>
            </g>
            <path d="M0,11.1817193 C0,11.7758433 0.325735992,12.3307943 0.850902184,12.6311208 L6.6011396,15.9020675 C6.72744539,15.9673558 6.86039886,15.9673558 7,16 L7,9.64091404 C7,8.55059848 6.40835708,7.54515778 5.44444444,6.99673558 L0.166191833,4 C0.0864197531,4.20892274 0,4.41131665 0,4.63329706 L0,11.1817193 Z" id="Fill-3" fill="#34373A"></path>
        </g>
        <g id="Group-8" transform="translate(472.000000, 267.000000)">
            <rect id="Rectangle" x="0" y="0" width="96" height="96"></rect>
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-36)" xlink:href="#path-35"></use>
                <use fill="#585858" fill-rule="evenodd" xlink:href="#path-35"></use>
            </g>
            <path d="M-1.42108547e-14,45.3029758 C-1.42108547e-14,47.6084354 1.26305793,49.7618867 3.29941663,50.9272839 L25.5962556,63.6199792 C26.0860128,63.8733264 26.6015466,63.8733264 27.1428571,64 L27.1428571,39.3239816 C27.1428571,35.0930832 24.8487315,31.1915362 21.1111111,29.0634196 L0.644417311,17.4347826 C0.335097002,18.2454937 -1.42108547e-14,19.03087 -1.42108547e-14,19.8922506 L-1.42108547e-14,45.3029758 Z" id="Fill-3" fill="#000000"></path>
            <g id="Dissapearing" opacity="0.314360119" style="mix-blend-mode: multiply;" transform="translate(37.000000, 32.000000)">
                <g id="Fill-1" opacity="0.6">
                    <use fill="black" fill-opacity="1" filter="url(#filter-38)" xlink:href="#path-37"></use>
                    <use fill="#585858" fill-rule="evenodd" xlink:href="#path-37"></use>
                </g>
                <g id="Fill-3">
                    <use fill="black" fill-opacity="1" filter="url(#filter-40)" xlink:href="#path-39"></use>
                    <use fill="#000000" fill-rule="evenodd" xlink:href="#path-39"></use>
                </g>
            </g>
        </g>
        <g id="Group" transform="translate(694.000000, 267.000000)">
            <rect id="Rectangle" x="0" y="0" width="48" height="48"></rect>
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-42)" xlink:href="#path-41"></use>
                <use fill="#585858" fill-rule="evenodd" xlink:href="#path-41"></use>
            </g>
            <path d="M-9.76996262e-15,22.799877 C-9.76996262e-15,23.9343095 0.620449509,24.9939443 1.62076607,25.5673937 L12.5735992,31.8130056 C12.8141817,31.9376685 13.0674264,31.9376685 13.3333333,32 L13.3333333,19.8578322 C13.3333333,17.7759616 12.2063944,15.8561527 10.3703704,14.8089842 L0.316555872,9.08695652 C0.164609053,9.48587784 -9.76996262e-15,9.87233288 -9.76996262e-15,10.2961868 L-9.76996262e-15,22.799877 Z" id="Fill-3" fill="#000000"></path>
            <g id="qube-green" opacity="0.357561384" style="mix-blend-mode: multiply;" transform="translate(18.000000, 16.000000)">
                <g id="Fill-1" opacity="0.513718378">
                    <use fill="black" fill-opacity="1" filter="url(#filter-44)" xlink:href="#path-43"></use>
                    <use fill="#585858" fill-rule="evenodd" xlink:href="#path-43"></use>
                </g>
                <g id="Fill-3">
                    <use fill="black" fill-opacity="1" filter="url(#filter-46)" xlink:href="#path-45"></use>
                    <use fill="#000000" fill-rule="evenodd" xlink:href="#path-45"></use>
                </g>
            </g>
        </g>
        <g id="Group-9" transform="translate(844.000000, 267.000000)">
            <rect id="Rectangle" x="0" y="0" width="16" height="16"></rect>
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-48)" xlink:href="#path-47"></use>
                <use fill="#585858" fill-rule="evenodd" xlink:href="#path-47"></use>
            </g>
            <path d="M-3.24185123e-14,8.03221838 C-3.24185123e-14,8.39816436 0.199430199,8.73998202 0.520960521,8.9249657 L4.04151404,10.9396792 C4.11884412,10.9798931 4.2002442,10.9798931 4.28571429,11 L4.28571429,7.08317169 C4.28571429,6.41160051 3.92348392,5.79230733 3.33333333,5.45451105 L0.101750102,3.60869565 C0.0529100529,3.73737995 -3.24185123e-14,3.86204286 -3.24185123e-14,3.99876993 L-3.24185123e-14,8.03221838 Z" id="Fill-3" fill="#000000"></path>
            <g id="Dissapearing" opacity="0.325358073" style="mix-blend-mode: multiply;" transform="translate(6.000000, 6.000000)">
                <g id="Fill-1" opacity="0.557431176">
                    <use fill="black" fill-opacity="1" filter="url(#filter-50)" xlink:href="#path-49"></use>
                    <use fill="#585858" fill-rule="evenodd" xlink:href="#path-49"></use>
                </g>
                <g id="Fill-3">
                    <use fill="black" fill-opacity="1" filter="url(#filter-52)" xlink:href="#path-51"></use>
                    <use fill="#000000" fill-rule="evenodd" xlink:href="#path-51"></use>
                </g>
            </g>
        </g>
        <g id="Group-10" transform="translate(694.000000, 120.000000)">
            <rect id="Rectangle" x="0" y="0" width="48" height="48"></rect>
            <g id="Template" opacity="0.4" transform="translate(0.000000, 1.000000)">
                <g id="Fill-1" opacity="0.512276786">
                    <use fill="black" fill-opacity="1" filter="url(#filter-54)" xlink:href="#path-53"></use>
                    <use fill="#C4CACF" fill-rule="evenodd" xlink:href="#path-53"></use>
                </g>
                <g id="Fill-3">
                    <use fill="black" fill-opacity="1" filter="url(#filter-56)" xlink:href="#path-55"></use>
                    <use fill="#34373A" fill-rule="evenodd" xlink:href="#path-55"></use>
                </g>
            </g>
            <g id="Fill-1" style="mix-blend-mode: multiply;">
                <use fill="black" fill-opacity="1" filter="url(#filter-58)" xlink:href="#path-57"></use>
                <use fill="#C4CACF" fill-rule="evenodd" xlink:href="#path-57"></use>
            </g>
            <path d="M18,37.799877 C18,38.9343095 18.6204495,39.9939443 19.6207661,40.5673937 L30.5735992,46.8130056 C30.8141817,46.9376685 31.0674264,46.9376685 31.3333333,47 L31.3333333,34.8578322 C31.3333333,32.7759616 30.2063944,30.8561527 28.3703704,29.8089842 L18.3165559,24.0869565 C18.1646091,24.4858778 18,24.8723329 18,25.2961868 L18,37.799877 Z" id="Fill-3" fill="#34373A"></path>
        </g>
        <g id="Group-11" transform="translate(472.000000, 120.000000)">
            <rect id="Rectangle" x="0" y="0" width="96" height="96"></rect>
            <g id="Template" opacity="0.4" transform="translate(0.000000, 1.000000)">
                <g id="Fill-1" opacity="0.602353051">
                    <use fill="black" fill-opacity="1" filter="url(#filter-60)" xlink:href="#path-59"></use>
                    <use fill="#C4CACF" fill-rule="evenodd" xlink:href="#path-59"></use>
                </g>
                <g id="Fill-3">
                    <use fill="black" fill-opacity="1" filter="url(#filter-62)" xlink:href="#path-61"></use>
                    <use fill="#34373A" fill-rule="evenodd" xlink:href="#path-61"></use>
                </g>
            </g>
            <g id="Fill-1" style="mix-blend-mode: multiply;">
                <use fill="black" fill-opacity="1" filter="url(#filter-64)" xlink:href="#path-63"></use>
                <use fill="#C4CACF" fill-rule="evenodd" xlink:href="#path-63"></use>
            </g>
            <path d="M37,76.3029758 C37,78.6084354 38.2630579,80.7618867 40.2994166,81.9272839 L62.5962556,94.6199792 C63.0860128,94.8733264 63.6015466,94.8733264 64.1428571,95 L64.1428571,70.3239816 C64.1428571,66.0930832 61.8487315,62.1915362 58.1111111,60.0634196 L37.6444173,48.4347826 C37.335097,49.2454937 37,50.03087 37,50.8922506 L37,76.3029758 Z" id="Fill-3" fill="#34373A"></path>
        </g>
        <g id="Group-12" transform="translate(844.000000, 120.000000)">
            <rect id="Rectangle" x="0" y="0" width="16" height="16"></rect>
            <g id="Template" opacity="0.4" transform="translate(0.000000, 1.000000)">
                <g id="Fill-1" opacity="0.782389323">
                    <use fill="black" fill-opacity="1" filter="url(#filter-66)" xlink:href="#path-65"></use>
                    <use fill="#C4CACF" fill-rule="evenodd" xlink:href="#path-65"></use>
                </g>
                <g id="Fill-3">
                    <use fill="black" fill-opacity="1" filter="url(#filter-68)" xlink:href="#path-67"></use>
                    <use fill="#34373A" fill-rule="evenodd" xlink:href="#path-67"></use>
                </g>
            </g>
            <g id="Fill-1" style="mix-blend-mode: multiply;">
                <use fill="black" fill-opacity="1" filter="url(#filter-70)" xlink:href="#path-69"></use>
                <use fill="#C4CACF" fill-rule="evenodd" xlink:href="#path-69"></use>
            </g>
            <path d="M6,13.0322184 C6,13.3981644 6.1994302,13.739982 6.52096052,13.9249657 L10.041514,15.9396792 C10.1188441,15.9798931 10.2002442,15.9798931 10.2857143,16 L10.2857143,12.0831717 C10.2857143,11.4116005 9.92348392,10.7923073 9.33333333,10.454511 L6.1017501,8.60869565 C6.05291005,8.73737995 6,8.86204286 6,8.99876993 L6,13.0322184 Z" id="Fill-3" fill="#34373A"></path>
        </g>
        <text id="128-x-128-2x-=-256-4" font-family="SegoeUI-Bold, Segoe UI" font-size="12" font-weight="bold" line-spacing="14" fill="#FF00C0">
            <tspan x="239.380859" y="60">128 x 128</tspan>
            <tspan x="239" y="74" font-family="SegoeUI, Segoe UI" font-weight="normal">2x = 256</tspan>
            <tspan x="239" y="88" font-family="SegoeUI, Segoe UI" font-weight="normal">4x = 512</tspan>
        </text>
        <text id="Template-VM-Shown-in" font-family="SegoeUI-Bold, Segoe UI" font-size="12" font-weight="bold" line-spacing="14" fill="#FF00C0">
            <tspan x="39.1298828" y="174">Template VM</tspan>
            <tspan x="39.9091797" y="188"></tspan>
            <tspan x="38" y="202" font-family="SegoeUI-Italic, Segoe UI" font-size="10" font-style="italic" font-weight="normal" line-spacing="13">Shown in Gray, which should</tspan>
            <tspan x="38" y="215" font-family="SegoeUI-Italic, Segoe UI" font-size="10" font-style="italic" font-weight="normal" line-spacing="13">only be used when user overrides</tspan>
            <tspan x="38" y="228" font-family="SegoeUI-Italic, Segoe UI" font-size="10" font-style="italic" font-weight="normal" line-spacing="13">fixed hex values w/ their own, and</tspan>
            <tspan x="38" y="241" font-family="SegoeUI-Italic, Segoe UI" font-size="10" font-style="italic" font-weight="normal" line-spacing="13">system needs an icon to colorize.</tspan>
        </text>
        <text id="Disposable-VM-Shown" font-family="SegoeUI-Bold, Segoe UI" font-size="12" font-weight="bold" line-spacing="14" fill="#FF00C0">
            <tspan x="38" y="320">Disposable VM</tspan>
            <tspan x="38.7792969" y="334"></tspan>
            <tspan x="38.7792969" y="348" font-family="SegoeUI-Italic, Segoe UI" font-size="10" font-style="italic" font-weight="normal">Shown in Black, which feels weird.</tspan>
        </text>
        <text id="App-VM-Shown-in-Qube" font-family="SegoeUI-Bold, Segoe UI" font-size="12" font-weight="bold" line-spacing="14" fill="#FF00C0">
            <tspan x="39.1298828" y="480">App VM</tspan>
            <tspan x="39.9091797" y="494"></tspan>
            <tspan x="38" y="508" font-family="SegoeUI-Italic, Segoe UI" font-size="10" font-style="italic" font-weight="normal" line-spacing="13">Shown in Qubes Blues, which</tspan>
            <tspan x="38" y="521" font-family="SegoeUI-Italic, Segoe UI" font-size="10" font-style="italic" font-weight="normal" line-spacing="13">is different from the Blue VM</tspan>
            <tspan x="152.707031" y="521" font-family="LucidaGrande-Bold, Lucida Grande" font-size="10" line-spacing="13">—</tspan>
            <tspan x="173.566406" y="521" font-size="10" line-spacing="13"></tspan>
            <tspan x="38" y="534" font-family="SegoeUI-Italic, Segoe UI" font-size="10" font-style="italic" font-weight="normal" line-spacing="13">and shd only be used for the</tspan>
            <tspan x="38" y="547" font-family="SegoeUI-Italic, Segoe UI" font-size="10" font-style="italic" font-weight="normal" line-spacing="13">Domains Widget icon in the Tray.</tspan>
        </text>
        <text id="Service-VM---Also-us" font-family="SegoeUI-Bold, Segoe UI" font-size="12" font-weight="bold" line-spacing="14" fill="#FF00C0">
            <tspan x="38" y="612">Service VM</tspan>
            <tspan x="38.7792969" y="626" font-family="SegoeUI-Italic, Segoe UI" font-size="10" font-style="italic" font-weight="normal">- Also use for </tspan>
            <tspan x="38.7792969" y="640" font-family="SegoeUI-Italic, Segoe UI" font-size="10" font-style="italic" font-weight="normal">  Disposable Service VMs</tspan>
        </text>
        <text id="96-x-96-—-no-multipl" font-family="SegoeUI-Bold, Segoe UI" font-size="12" font-weight="bold" line-spacing="14" fill="#FF00C0">
            <tspan x="490.029297" y="60">96 x 96</tspan>
            <tspan x="478" y="72.0488281" font-family="LucidaGrande, Lucida Grande" font-weight="normal">—</tspan>
            <tspan x="501.648438" y="74" font-family="SegoeUI, Segoe UI" font-weight="normal"> no multipliers </tspan>
            <tspan x="569.095703" y="72.0488281" font-family="LucidaGrande, Lucida Grande" font-weight="normal">—</tspan>
        </text>
        <text id="48-x-48-1.5x-=-72" font-family="SegoeUI-Bold, Segoe UI" font-size="12" font-weight="bold" line-spacing="14" fill="#FF00C0">
            <tspan x="705.029297" y="60">48 x 48</tspan>
            <tspan x="693" y="72.0488281" font-family="LucidaGrande, Lucida Grande" font-weight="normal">1.5x = 72</tspan>
        </text>
        <text id="System-Colors" font-family="SegoeUI-Bold, Segoe UI" font-size="12" font-weight="bold" line-spacing="14" fill="#FF00C0">
            <tspan x="1033.60352" y="148">System </tspan>
            <tspan x="1038.5957" y="162">Colors</tspan>
        </text>
        <text id="VM-Colors" font-family="SegoeUI-Bold, Segoe UI" font-size="12" font-weight="bold" line-spacing="14" fill="#FF00C0">
            <tspan x="1055.13672" y="215">VM</tspan>
            <tspan x="1039" y="229">Colors</tspan>
        </text>
        <text id="16-x-16-1.5x-=-24-2x" font-family="SegoeUI-Bold, Segoe UI" font-size="12" font-weight="bold" line-spacing="14" fill="#FF00C0">
            <tspan x="849.029297" y="60">16 x 16</tspan>
            <tspan x="837" y="72.0488281" font-family="LucidaGrande, Lucida Grande" font-weight="normal">1.5x = 24</tspan>
            <tspan x="837" y="86.0488281" font-family="LucidaGrande, Lucida Grande" font-weight="normal">2x = 32</tspan>
            <tspan x="837" y="100.048828" font-family="LucidaGrande, Lucida Grande" font-weight="normal">2.5x = 40</tspan>
        </text>
        <g id="Group-13" transform="translate(1093.000000, 202.000000)">
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-72)" xlink:href="#path-71"></use>
                <use fill="#D62821" fill-rule="evenodd" xlink:href="#path-71"></use>
            </g>
            <path d="M0,16.1741023 C0,17.015778 0.465337132,17.8019587 1.21557455,18.2274211 L9.43019943,22.8612622 C9.61063628,22.9537541 9.8005698,22.9537541 10,23 L10,13.9912949 C10,12.4466812 9.15479582,11.0223069 7.77777778,10.2453754 L0.237416904,6 C0.12345679,6.29597388 0,6.58269859 0,6.89717084 L0,16.1741023 Z" id="Fill-3" fill="#64120F"></path>
        </g>
        <g id="Group-14" transform="translate(1094.000000, 236.000000)">
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-74)" xlink:href="#path-73"></use>
                <use fill="#E96F24" fill-rule="evenodd" xlink:href="#path-73"></use>
            </g>
            <path d="M0,16.1741023 C0,17.015778 0.465337132,17.8019587 1.21557455,18.2274211 L9.43019943,22.8612622 C9.61063628,22.9537541 9.8005698,22.9537541 10,23 L10,13.9912949 C10,12.4466812 9.15479582,11.0223069 7.77777778,10.2453754 L0.237416904,6 C0.12345679,6.29597388 0,6.58269859 0,6.89717084 L0,16.1741023 Z" id="Fill-3" fill="#753813"></path>
        </g>
        <g id="Group-15" transform="translate(1093.000000, 267.000000)">
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-76)" xlink:href="#path-75"></use>
                <use fill="#EFBF0A" fill-rule="evenodd" xlink:href="#path-75"></use>
            </g>
            <path d="M0,16.1741023 C0,17.015778 0.465337132,17.8019587 1.21557455,18.2274211 L9.43019943,22.8612622 C9.61063628,22.9537541 9.8005698,22.9537541 10,23 L10,13.9912949 C10,12.4466812 9.15479582,11.0223069 7.77777778,10.2453754 L0.237416904,6 C0.12345679,6.29597388 0,6.58269859 0,6.89717084 L0,16.1741023 Z" id="Fill-3" fill="#946705"></path>
        </g>
        <g id="Fill-1">
            <use fill="black" fill-opacity="1" filter="url(#filter-78)" xlink:href="#path-77"></use>
            <use fill="#5ABC57" fill-rule="evenodd" xlink:href="#path-77"></use>
        </g>
        <path d="M1093,315.174102 C1093,316.015778 1093.46534,316.801959 1094.21557,317.227421 L1102.4302,321.861262 C1102.61064,321.953754 1102.80057,321.953754 1103,322 L1103,312.991295 C1103,311.446681 1102.1548,310.022307 1100.77778,309.245375 L1093.23742,305 C1093.12346,305.295974 1093,305.582699 1093,305.897171 L1093,315.174102 Z" id="Fill-3" fill="#325830"></path>
        <g id="Group-16" transform="translate(1093.000000, 330.000000)">
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-80)" xlink:href="#path-79"></use>
                <use fill="#4488DF" fill-rule="evenodd" xlink:href="#path-79"></use>
            </g>
            <path d="M0,16.1741023 C0,17.015778 0.465337132,17.8019587 1.21557455,18.2274211 L9.43019943,22.8612622 C9.61063628,22.9537541 9.8005698,22.9537541 10,23 L10,13.9912949 C10,12.4466812 9.15479582,11.0223069 7.77777778,10.2453754 L0.237416904,6 C0.12345679,6.29597388 0,6.58269859 0,6.89717084 L0,16.1741023 Z" id="Fill-3" fill="#0E2276"></path>
        </g>
        <g id="Group" transform="translate(1093.000000, 360.000000)">
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-82)" xlink:href="#path-81"></use>
                <use fill="#A23EB2" fill-rule="evenodd" xlink:href="#path-81"></use>
            </g>
            <path d="M0,16.1741023 C0,17.015778 0.465337132,17.8019587 1.21557455,18.2274211 L9.43019943,22.8612622 C9.61063628,22.9537541 9.8005698,22.9537541 10,23 L10,13.9912949 C10,12.4466812 9.15479582,11.0223069 7.77777778,10.2453754 L0.237416904,6 C0.12345679,6.29597388 0,6.58269859 0,6.89717084 L0,16.1741023 Z" id="Fill-3" fill="#3F0C46"></path>
        </g>
        <g id="Group" transform="translate(1093.000000, 390.000000)">
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-84)" xlink:href="#path-83"></use>
                <use fill="#585858" fill-rule="evenodd" xlink:href="#path-83"></use>
            </g>
            <path d="M0,16.1741023 C0,17.015778 0.465337132,17.8019587 1.21557455,18.2274211 L9.43019943,22.8612622 C9.61063628,22.9537541 9.8005698,22.9537541 10,23 L10,13.9912949 C10,12.4466812 9.15479582,11.0223069 7.77777778,10.2453754 L0.237416904,6 C0.12345679,6.29597388 0,6.58269859 0,6.89717084 L0,16.1741023 Z" id="Fill-3" fill="#000000"></path>
        </g>
        <g id="Qube-Butt" transform="translate(1092.000000, 151.000000)">
            <g id="Fill-1">
                <use fill="black" fill-opacity="1" filter="url(#filter-86)" xlink:href="#path-85"></use>
                <use fill="#C4CACF" fill-rule="evenodd" xlink:href="#path-85"></use>
            </g>
            <path d="M0,16.8773241 C0,17.7555945 0.465337132,18.5759569 1.21557455,19.0199177 L9.43019943,23.8552302 C9.61063628,23.9517434 9.8005698,23.9517434 10,24 L10,14.5996121 C10,12.9878412 9.15479582,11.5015376 7.77777778,10.6908265 L0.237416904,6.26086957 C0.12345679,6.56971188 0,6.86890287 0,7.19704783 L0,16.8773241 Z" id="Fill-3" fill="#34373A" fill-rule="evenodd"></path>
        </g>
        <g id="Fill-1">
            <use fill="black" fill-opacity="1" filter="url(#filter-88)" xlink:href="#path-87"></use>
            <use fill="#85BCF6" fill-rule="evenodd" xlink:href="#path-87"></use>
        </g>
        <path d="M1092,139.174102 C1092,140.015778 1092.46534,140.801959 1093.21557,141.227421 L1101.4302,145.861262 C1101.61064,145.953754 1101.80057,145.953754 1102,146 L1102,136.991295 C1102,135.446681 1101.1548,134.022307 1099.77778,133.245375 L1092.23742,129 C1092.12346,129.295974 1092,129.582699 1092,129.897171 L1092,139.174102 Z" id="Fill-3" fill="#376594"></path>
    </g>
</svg>

w00t

marmarta commented 4 years ago

@ninavizz thank you! would it be possible for you to make .svg files of each color-type combination (at any size, 96x96 as shown in pdf is good)? I could use them as a template if for some weird reason there appears an unplanned icon size. I'm not sure if there is a magical method of extracting those from the pdf, but I'm not nearly good enough with graphical programs to figure it out :)

ninavizz commented 4 years ago

@marmarta You bet! S'long as there's no rush... as I gotta focus on other stuff for a while. I namely wanted to unblock you on getting the PR in. Do you have all you need to get the PR wrapped on your end?

marmarta commented 4 years ago

@ninavizz unfortunately no - those svgs to serve as a template for "any weird size we may need" are also needed :(

ninavizz commented 4 years ago

@marmarta Just now seeing this... okee doke, will get those out to ya tonite!

ninavizz commented 4 years ago

(yes, I still owe Marta SVGs...)

imme-emosol commented 4 years ago

Why not only use scalable and scalable-up-to-32 ?

Perhaps a custom color could be used in combining that color with a svg that uses an alpha-channel for the sides? Perhaps a distinction would be needed between darker colors and lighter colors. Also, for the line-thickness perhaps two sets would suffice? One with relatively thicker lines for the smaller icons and the other for everything above that amount of pixels.

marmarek commented 4 years ago

@ninavizz any chance for those SVGs soon-ish? This is currently blocking https://github.com/QubesOS/qubes-artwork/pull/17, which in turn blocks adjusting other places for new icon names (not only per-color, but also per-qube-type).

ninavizz commented 4 years ago

@marmarek Sorry! Yeah, will do w/in 24hrs...

ninavizz commented 4 years ago

@imme-emosol The "system" to date for sizing, is exactly what you describe above. Colors are very different, though, as the "dark" and "light" part on different colors requires different contrasting dark hues to create shades. Hence, the preference to create custom art for each "color" preset in the OS.

ninavizz commented 4 years ago

Ok, @marmarta! Let me know if this closes-out everything you need to get your PR together. If not, I'll get right-on any additions. Sorry this took so long. :)

QuteQubes_Vector.zip

marmarta commented 4 years ago

@ninavizz , we found a minor problem: 48x48 appvm-blue icon is actually 72x72, and 128x128 appvm-red icon is actually 256x256. I can generate those from SVG, if you don't have at hand the correct sizes :) (as a workaround I did generate them, so we can just leave this solution in place, see: https://github.com/QubesOS/qubes-issues/issues/5927#event-3511808007 )

marmarta commented 4 years ago

@ninavizz , unfortunately getting the icons into current revealed one big problem: they have zero margin on the sides, causing a "cropped" look even when they are not cropped (see https://github.com/QubesOS/qubes-issues/issues/6021 ). Can I ask you to modify them to add a little padding (like, probably a pixel or two will be enough in most sizes)?

0spinboson commented 4 years ago

I'm not sure where this question should go, but is there an easy/intended way to add colors for users?

marmarta commented 4 years ago

I'm not sure where this question should go, but is there an easy/intended way to add colors for users?

There's no easy way, and I don't think there's an intent to add one? There was some discussion about it, but I think it was decided the amount of work needed to make it well outweighs the benefits.

andrewdavidwong commented 4 years ago

I'm not sure where this question should go, but is there an easy/intended way to add colors for users?

See #2523 and #2646.

ninavizz commented 4 years ago

@marmarta Yup, will do do the icons this week!

ninavizz commented 4 years ago

This week, this month? @marmarta here are some new QuteQube icons to try out in a 4.1 build, to rectify the cutting-off bug (which I could not find).

Hoping these don't cut off; I scootched the artwork in so there's empty space in the files, around all the edges. Maybe share screenshots of what they look like in a build? They're named the same as the other names; I just included the Black Template VM, Green App VM, and Red Service VM.

Qute2.zip

fepitre commented 4 years ago

This week, this month? @marmarta here are some new QuteQube icons to try out in a 4.1 build, to rectify the cutting-off bug (which I could not find).

Do you mean this one https://github.com/QubesOS/qubes-issues/issues/6021?

ninavizz commented 4 years ago

@fepitre No, but #6021 refers to what is probably the same core problem; which is all of my Qute Qubes getting snipped. :/

The single-qubes are easy to reduce in size, the Template-VM/Disp-VM dual-qube icons, much less so. Let me get you updated icons for the Domains menu... that needs to fit into the toolbar, and should be in better proportion to the toolbar icons (something I noticed I didn't quite get right, with the new Whonix icons).

ninavizz commented 4 years ago

Hi hi! Just saw the updated screnshots for 4.1 and... whee! So excited to see the qute qubes in there!!! :)

A few questions:

  1. I did not see the disp-vm icons in place for VMs that were listed as disposable. Was there an interest in abandoning them, or was that just an oversight?
  2. For dom0 there was an exclamation point atop its VM, and I wanted to make sure that is because there is some error state with the particular device the screenshot used, and not that the exclamation point is desired as an ongoing dom0 designation. If there is an interest in creating a unique icon for dom0 I'm happy to whip something up; but feel the exclamation-point will be confusing and alarming in its semiotics.
  3. The domains menu icon in the tray is still getting cutoff around the edges. Absolute delight, seeing none of the app menu VM icons cut off, as I'm aware that was a problem for a while. <3