new design SVG favicon

This commit is contained in:
Michal Vanko 2020-12-01 15:01:32 +01:00
parent c96f7efff1
commit cb296c854c
5 changed files with 119 additions and 6 deletions

View File

@ -18,7 +18,9 @@
<link rel="stylesheet" href="fonts.css" />
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i&display=swap&subset=latin-ext" rel="stylesheet"> -->
<link rel="manifest" href="manifest.json" />
<link rel="icon" type="image/png" href="m-favicon-192x192.png" />
<link rel="icon" type="image/svg+xml" href="m-svgfavicon-192x192.svg" />
<link rel="icon" type="image/png" href="m-svgfavicon-192x192.png" />
<!-- Sapper generates a <style> tag containing critical CSS
for the current page. CSS for the rest of the app is

View File

@ -97,7 +97,11 @@ p {
}
.tearkiss {
color: #25b5c5;
color: #16d0e7;
}
.tearkiss-new {
color: #16d0e7;
}
::selection {

BIN
static/m-svgfavicon-192x192.png (Stored with Git LFS) Normal file

Binary file not shown.

View File

@ -0,0 +1,104 @@
<?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"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="192"
height="192"
viewBox="0 0 50.799997 50.799997"
version="1.1"
id="svg8"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
sodipodi:docname="m-svgfavicon-192x192.svg">
<defs
id="defs2">
<rect
x="5.1707439"
y="14.222388"
width="69.21283"
height="80.125346"
id="rect20" />
<filter
style="color-interpolation-filters:sRGB"
inkscape:label="Drop Shadow"
id="filter1571">
<feFlood
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
result="flood"
id="feFlood1561" />
<feComposite
in="flood"
in2="SourceGraphic"
operator="in"
result="composite1"
id="feComposite1563" />
<feGaussianBlur
in="composite1"
stdDeviation="0.1"
result="blur"
id="feGaussianBlur1565" />
<feOffset
dx="0.2"
dy="0.2"
result="offset"
id="feOffset1567" />
<feComposite
in="SourceGraphic"
in2="offset"
operator="over"
result="composite2"
id="feComposite1569" />
</filter>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="2"
inkscape:cx="152.72429"
inkscape:cy="149.69543"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
inkscape:document-rotation="0"
showgrid="false"
units="px"
inkscape:pagecheckerboard="true"
inkscape:window-width="1802"
inkscape:window-height="1345"
inkscape:window-x="26"
inkscape:window-y="23"
inkscape:window-maximized="0" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<text
xml:space="preserve"
id="text18"
style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect20);fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;filter:url(#filter1571);"
transform="translate(-9.1863385,-31.611923)"><tspan
x="5.1699219"
y="73.147276"><tspan
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:65.6167px;font-family:Cantarell;-inkscape-font-specification:'Cantarell, Light';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#16d0e7;fill-opacity:1;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none">m</tspan></tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -7,13 +7,13 @@
"start_url": "/",
"icons": [
{
"src": "m-favicon-192.png",
"src": "m-svgfavicon-192x192.svg",
"sizes": "192x192",
"type": "image/png"
"type": "image/svg+xml"
},
{
"src": "images/m-logo.png",
"sizes": "226x226",
"src": "images/m-svgfavicion-192x192.png",
"sizes": "192x192",
"type": "image/png"
}
]