Vivaldi-Menü-Ikon



  • Könnte sich vielleicht jemand darum kümmern, daß es gut aussehe? Sicher, die Funktionalitität ist viel wichtiger, aber doch sollte das Vivaldi-Logo irgendwie gut aussehen. Es ist zu klein, es gibt dort unnötig zwei SVG-Pfade, viel zu viel Platz rund herum ...
    Vivaldi-Original:
    0_1525313640613_bad-V.png
    Mein Versuch:
    0_1525313720873_my-better-V.png
    Mein SVG-Code:

    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <svg
       xmlns:dc="http://purl.org/dc/elements/1.1/"
       xmlns:cc="http://creativecommons.org/ns#"
       xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
       xmlns:svg="http://www.w3.org/2000/svg"
       xmlns="http://www.w3.org/2000/svg"
       height="19.833288"
       width="22"
       id="svg6"
       version="1.1">
        <path
          d="M 20.354173,4.8706031 13.176735,17.314938 A 2.3924794,2.3924794 0 0 1 11.197345,18.623057 2.289207,2.289207 0 0 1 8.9253504,17.418211 C 7.4106864,14.819187 5.913236,12.254586 4.4157847,9.603925 L 1.6618517,4.8361788 A 2.4096915,2.4096915 0 0 1 3.6240292,1.2044288 2.3064192,2.3064192 0 0 1 5.8615998,2.4436986 L 7.8754144,5.8861161 C 8.3573509,6.7122966 8.822078,7.6073245 9.3212281,8.3818671 A 3.7866581,3.7866581 0 0 0 12.488252,10.344045 3.8555065,3.8555065 0 0 0 16.550304,6.9016304 V 6.5057509 A 4.0276272,4.0276272 0 0 0 16.137214,4.7845429 2.4096915,2.4096915 0 1 1 20.646777,3.2870915 2.512964,2.512964 0 0 1 20.354173,4.8706031 Z" />
    </svg>
    

    Mein custom.css:

    .application-icon svg path {
    	d: path("M 20.354173,4.8706031 13.176735,17.314938 A 2.3924794,2.3924794 0 0 1 11.197345,18.623057 2.289207,2.289207 0 0 1 8.9253504,17.418211 C 7.4106864,14.819187 5.913236,12.254586 4.4157847,9.603925 L 1.6618517,4.8361788 A 2.4096915,2.4096915 0 0 1 3.6240292,1.2044288 2.3064192,2.3064192 0 0 1 5.8615998,2.4436986 L 7.8754144,5.8861161 C 8.3573509,6.7122966 8.822078,7.6073245 9.3212281,8.3818671 A 3.7866581,3.7866581 0 0 0 12.488252,10.344045 3.8555065,3.8555065 0 0 0 16.550304,6.9016304 V 6.5057509 A 4.0276272,4.0276272 0 0 0 16.137214,4.7845429 2.4096915,2.4096915 0 1 1 20.646777,3.2870915 2.512964,2.512964 0 0 1 20.354173,4.8706031 Z") !important;
    fill: #ffffff;
    }
    .application-icon svg {
    	height: 100%;
    	width: 100%;
    }
    .application-icon:hover svg path {
    	stroke: var(--colorAccentBg);
    	fill: var(--colorAccentBg)
    }
    

    und das Forum-Favicon ... kein Kommentat
    wenn das BMW / Audi / X-Zeichen scheiße aussähe ... 😞

    Hab schon alles Mögliche probiert. Jetzt sieht das bei mir beim Zoom von 80% so aus:

    0_1525314623569_v-carita.png

    .application-icon svg path {
    	d: path("M 8.9015328,6.4758558 A 0.95170444,3.1556371 0 0 1 7.949828,9.6314932 0.95170444,3.1556371 0 0 1 6.9981236,6.4758558 0.95170444,3.1556371 0 0 1 7.949828,3.3202202 0.95170444,3.1556371 0 0 1 8.9015328,6.4758558 Z M 15.284281,6.4392462 A 0.95170444,3.1190264 0 0 1 14.332576,9.5582723 0.95170444,3.1190264 0 0 1 13.380872,6.4392462 0.95170444,3.1190264 0 0 1 14.332576,3.3202202 0.95170444,3.1190264 0 0 1 15.284281,6.4392462 Z M 20.178158,10.063888 C 15.264313,23.89618 6.4193927,23.745003 1.7512409,10.063888 5.4366238,25.332321 16.492774,25.332321 20.178158,10.063888 Z M 2.2736889,9.984828 A 0.52244901,0.86880792 0 0 1 1.7512401,10.853636 0.52244901,0.86880792 0 0 1 1.2287912,9.984828 0.52244901,0.86880792 0 0 1 1.7512401,9.1160193 0.52244901,0.86880792 0 0 1 2.2736889,9.984828 Z M 20.771209,9.8110651 A 0.52244901,0.86880792 0 0 1 20.24876,10.679875 0.52244901,0.86880792 0 0 1 19.726311,9.8110651 0.52244901,0.86880792 0 0 1 20.24876,8.9422589 0.52244901,0.86880792 0 0 1 20.771209,9.8110651 Z") !important;
    stroke-width: 1px;
    }
    
    .application-icon svg {
    	height: 100%;
    	width: 100%;
    }
    
    .application-icon svg path {
    	fill: #2a7fff;
    	stroke: #2a7fff;
    }
    

 

Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.