diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-12-22 12:36:40 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-12-22 14:32:31 +0100 |
| commit | 139b3a252c9f90de603be1a98e3186b359353541 (patch) | |
| tree | c020013b3aec522ae378b9e57ec1326a5a829d38 /src/assets | |
| parent | 6917a572011489aafe62c9d2479615cb2928094f (diff) | |
chore: replace svg imports with components
It allows me to control the colors of each SVG paths.
Diffstat (limited to 'src/assets')
| -rw-r--r-- | src/assets/images/icon-articles.svg | 190 | ||||
| -rw-r--r-- | src/assets/images/icon-close.svg | 44 | ||||
| -rw-r--r-- | src/assets/images/icon-home.svg | 84 | ||||
| -rw-r--r-- | src/assets/images/icon-search.svg | 24 |
4 files changed, 90 insertions, 252 deletions
diff --git a/src/assets/images/icon-articles.svg b/src/assets/images/icon-articles.svg index e8141d6..acf5c64 100644 --- a/src/assets/images/icon-articles.svg +++ b/src/assets/images/icon-articles.svg @@ -16,139 +16,57 @@ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs - id="defs81" /><sodipodi:namedview - id="namedview79" - pagecolor="#ffffff" - bordercolor="#666666" - borderopacity="1.0" - inkscape:pageshadow="2" - inkscape:pageopacity="0.0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="10.100958" - inkscape:cx="53.757279" - inkscape:cy="56.826295" - inkscape:window-width="1920" - inkscape:window-height="1019" - inkscape:window-x="0" - inkscape:window-y="33" - inkscape:window-maximized="1" - inkscape:current-layer="Layer_1" /> - - - - - - - - - - - - - - - - - - - - - -<g - id="g48" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<g - id="g50" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<g - id="g52" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<g - id="g54" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<g - id="g56" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<g - id="g58" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<g - id="g60" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<g - id="g62" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<g - id="g64" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<g - id="g66" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<g - id="g68" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<g - id="g70" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<g - id="g72" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<g - id="g74" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<g - id="g76" - transform="matrix(0.19762846,0,0,0.19762846,-140.17831,-7.1525574e-7)"> -</g> -<path - id="rect920-3-6" - style="fill:#f6f8f8;stroke:#000000;stroke-width:2.96443;fill-opacity:1" - d="M 28.992096,1.4822128 H 90.770752 V 82.312253 H 28.992096 Z" /><path - id="rect920-3" - style="fill:#f6f8f8;stroke:#000000;stroke-width:2.96443;fill-opacity:1" - d="m 19.110672,8.992094 h 61.778656 v 80.83004 H 19.110672 Z" /><path - id="rect920" - style="fill:#f6f8f8;stroke:#000000;stroke-width:2.96443;fill-opacity:1" - d="m 9.229248,17.687748 h 61.778656 v 80.83004 H 9.229248 Z" /><path - id="rect1194" - style="fill:#1d8fc9;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:1" - d="M 18.149242,74.65544 H 33.375246 V 90.194215 H 18.149242 Z" /><path - id="rect1194-7" - style="fill:#1d8fc9;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:1" - d="M 18.142653,24.858688 H 62.094499 V 35.908926 H 18.142653 Z" /><path - id="rect1338" - style="fill:#00080c;stroke-width:1.56766" - d="m 17.618576,41.908926 h 45 v 2 h -45 z" /><path - id="rect1338-5" - style="fill:#00080c;stroke-width:1.56766" - d="m 17.618576,49.908926 h 45 v 2 h -45 z" /><path - id="rect1338-5-3" - style="fill:#00080c;stroke-width:1.56766" - d="m 17.618576,57.908926 h 45 v 2 h -45 z" /><path - id="rect1338-5-3-5" - style="fill:#00080c;stroke-width:1.56766" - d="m 17.618576,65.908926 h 45 v 2 h -45 z" /><path - id="rect1338-5-3-5-6" - style="fill:#00080c;stroke-width:1.06543" - d="m 41.833105,73.424828 h 20.785471 v 2 H 41.833105 Z" /><path - id="rect1338-5-3-5-6-2" - style="fill:#00080c;stroke-width:1.06543" - d="m 41.833105,81.424828 h 20.785471 v 2 H 41.833105 Z" /><path - id="rect1338-5-3-5-6-2-9" - style="fill:#00080c;stroke-width:1.06543" - d="m 41.833105,89.424828 h 20.785471 v 2 H 41.833105 Z" /></svg> + id="defs81" /><sodipodi:namedview + id="namedview79" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="7.331491" + inkscape:cx="41.464963" + inkscape:cy="38.600607" + inkscape:window-width="1920" + inkscape:window-height="1019" + inkscape:window-x="0" + inkscape:window-y="33" + inkscape:window-maximized="1" + inkscape:current-layer="Layer_1" /><path + id="rect920-3-6" + style="fill:#f6f8f8;stroke:#000000;stroke-width:2.96443;fill-opacity:1" + d="M 28.992096,1.4822128 H 90.770752 V 82.312253 H 28.992096 Z" /><path + id="rect920-3" + style="fill:#f6f8f8;stroke:#000000;stroke-width:2.96443;fill-opacity:1" + d="m 19.110672,8.992094 h 61.778656 v 80.83004 H 19.110672 Z" /><path + id="rect920" + style="fill:#f6f8f8;stroke:#000000;stroke-width:2.96443;fill-opacity:1" + d="m 9.229248,17.687748 h 61.778656 v 80.83004 H 9.229248 Z" /><path + id="rect1194" + style="fill:#1d8fc9;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:1" + d="M 18.149242,74.65544 H 33.375246 V 90.194215 H 18.149242 Z" /><path + id="rect1194-7" + style="fill:#1d8fc9;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:1" + d="M 18.142653,24.858688 H 62.094499 V 35.908926 H 18.142653 Z" /><path + id="rect1338" + style="fill:#00080c;stroke-width:1.56766" + d="m 17.618576,41.908926 h 45 v 2 h -45 z" /><path + id="rect1338-5" + style="fill:#00080c;stroke-width:1.56766" + d="m 17.618576,49.908926 h 45 v 2 h -45 z" /><path + id="rect1338-5-3" + style="fill:#00080c;stroke-width:1.56766" + d="m 17.618576,57.908926 h 45 v 2 h -45 z" /><path + id="rect1338-5-3-5" + style="fill:#00080c;stroke-width:1.56766" + d="m 17.618576,65.908926 h 45 v 2 h -45 z" /><path + id="rect1338-5-3-5-6" + style="fill:#00080c;stroke-width:1.06543" + d="m 41.833105,73.424828 h 20.785471 v 2 H 41.833105 Z" /><path + id="rect1338-5-3-5-6-2" + style="fill:#00080c;stroke-width:1.06543" + d="m 41.833105,81.424828 h 20.785471 v 2 H 41.833105 Z" /><path + id="rect1338-5-3-5-6-2-9" + style="fill:#00080c;stroke-width:1.06543" + d="m 41.833105,89.424828 h 20.785471 v 2 H 41.833105 Z" /></svg> diff --git a/src/assets/images/icon-close.svg b/src/assets/images/icon-close.svg index 58dd3a9..f108234 100644 --- a/src/assets/images/icon-close.svg +++ b/src/assets/images/icon-close.svg @@ -1,54 +1,42 @@ <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg - viewbox="0 0 40 40" - style="stroke: #000; stroke-width: 5; stroke-linecap: round;" - version="1.1" - id="svg4" sodipodi:docname="icon-close.svg" width="100" height="100" - viewBox="0 0 100.00005 100.00005" + viewBox="0 0 100 100" inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + version="1.1" + id="svg825" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" - xmlns:svg="http://www.w3.org/2000/svg" - xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" - xmlns:cc="http://creativecommons.org/ns#" - xmlns:dc="http://purl.org/dc/elements/1.1/"> - <metadata - id="metadata10"> - <rdf:RDF> - <cc:Work - rdf:about=""> - <dc:format>image/svg+xml</dc:format> - <dc:type - rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> - </cc:Work> - </rdf:RDF> - </metadata> + xmlns:svg="http://www.w3.org/2000/svg"> <defs id="defs8" /> <sodipodi:namedview id="namedview6" - inkscape:zoom="3.0499873" - inkscape:cx="13.442679" - inkscape:cy="79.672463" + inkscape:zoom="2.729418" + inkscape:cx="-18.318924" + inkscape:cy="74.374829" inkscape:window-width="1920" inkscape:window-height="1019" inkscape:window-x="0" inkscape:window-y="33" inkscape:window-maximized="1" - inkscape:current-layer="svg4" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" - showgrid="false" /> + showgrid="false" + inkscape:current-layer="svg825" /> + <path + id="rect843" + style="fill:#1d8fc9;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none" + d="m 3.6465459,3.6465457 c 2.8785908,-2.87859094 7.5134341,-2.87859094 10.3920251,0 L 96.353457,85.96143 c 2.878587,2.878591 2.878587,7.513434 0,10.392025 -2.878597,2.878591 -7.513432,2.878591 -10.392029,0 L 3.6465449,14.038571 C 0.76795398,11.15998 0.76795398,6.5251366 3.6465459,3.6465457 Z" /> <path - style="color:#000000;fill:#1d8fc9;stroke:#010304;stroke-width:3;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" - d="m 9.1489631,1.5 a 7.659573,7.6587251 0 0 0 -5.4155577,2.2437671 7.659573,7.6587251 0 0 0 0,10.8299149 L 39.168904,50.005259 3.7334054,85.436835 a 7.659573,7.6587251 0 0 0 0,10.829915 7.659573,7.6587251 0 0 0 10.8311146,0 L 50.000019,60.835175 85.435518,96.26675 a 7.659573,7.6587251 0 0 0 10.831115,0 7.659573,7.6587251 0 0 0 0,-10.829915 L 60.831134,50.005259 96.266633,14.573682 a 7.659573,7.6587251 0 0 0 0,-10.8299149 7.659573,7.6587251 0 0 0 -10.831115,0 L 50.000019,39.175343 14.56452,3.7437671 A 7.659573,7.6587251 0 0 0 9.1489631,1.5 Z" - id="path2" /> + id="rect843-3" + style="fill:#1d8fc9;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none" + d="m 96.353453,3.6465462 c 2.878592,2.8785909 2.878592,7.5134348 0,10.3920258 L 14.03857,96.353457 c -2.878589,2.878587 -7.5134339,2.878587 -10.3920248,0 -2.87859087,-2.878597 -2.87858988,-7.513442 -10e-7,-10.392029 L 85.961428,3.6465462 c 2.878591,-2.87859099 7.513434,-2.87859099 10.392025,0 z" /> </svg> diff --git a/src/assets/images/icon-home.svg b/src/assets/images/icon-home.svg index 11b4f0a..5bfe7f7 100644 --- a/src/assets/images/icon-home.svg +++ b/src/assets/images/icon-home.svg @@ -1,76 +1,14 @@ <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> -<svg - version="1.1" - id="Layer_1" - x="0px" - y="0px" - viewBox="0 0 100 100" - xml:space="preserve" - sodipodi:docname="icon-home.svg" - inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" - width="100" - height="100" - xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" - xmlns="http://www.w3.org/2000/svg" - xmlns:svg="http://www.w3.org/2000/svg"><defs - id="defs71" /><sodipodi:namedview - id="namedview69" - pagecolor="#ffffff" - bordercolor="#666666" - borderopacity="1.0" - inkscape:pageshadow="2" - inkscape:pageopacity="0.0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="2.9150813" - inkscape:cx="7.2039157" - inkscape:cy="87.133076" - inkscape:window-width="1920" - inkscape:window-height="1019" - inkscape:window-x="0" - inkscape:window-y="33" - inkscape:window-maximized="1" - inkscape:current-layer="Layer_1" /><rect - style="fill:#f6f8f8;fill-opacity:1;stroke:#000000;stroke-width:3.25598;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" - id="wall" - width="81.442894" - height="82.338066" - x="9.2669392" - y="15.413749" /><rect - style="fill:#000203;fill-opacity:1;stroke:#000000;stroke-width:3.25598;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" - id="indoor" - width="21.594872" - height="31.91539" - x="39.190941" - y="65.836418" /><rect - style="fill:#1d8fc9;fill-opacity:1;stroke:#000000;stroke-width:3.25598;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" - id="door" - width="21.594872" - height="31.91539" - x="39.190941" - y="65.836418" /><path - id="roof" - style="fill:#1d8fc9;fill-opacity:1;stroke:#000000;stroke-width:3.25598" - d="M 4.8219096,11.719266 H 94.720716 l 3.47304,33.365604 H 1.7830046 Z" - sodipodi:nodetypes="ccccc" /><rect - style="fill:#f6f8f8;fill-opacity:1;stroke:#000000;stroke-width:3.25598;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" - id="chimney" - width="12.538733" - height="20.388027" - x="70.41848" - y="2.2481852" /><rect - style="fill:#080808;fill-opacity:1;stroke:none;stroke-width:3.25598;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" - id="line1" - width="57.049389" - height="3.2935634" - x="3.9536645" - y="19.342648" /><rect - style="fill:#080808;fill-opacity:1;stroke:none;stroke-width:3.25598;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" - id="line2" - width="57.049389" - height="3.2935634" - x="38.973709" - y="32.057171" /></svg> +<svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 100 100" xml:space="preserve" sodipodi:docname="icon-home.svg" inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" width="100" height="100" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> + <defs id="defs71" /> + <sodipodi:namedview id="namedview69" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" showgrid="false" inkscape:zoom="2.9150813" inkscape:cx="7.2039157" inkscape:cy="87.133076" inkscape:window-width="1920" inkscape:window-height="1019" inkscape:window-x="0" inkscape:window-y="33" inkscape:window-maximized="1" inkscape:current-layer="Layer_1" /> + <path id="wall" style="fill:#f6f8f8;stroke:#000000;stroke-width:3.25598" d="M 9.2669392,15.413749 H 90.709833 V 97.751815 H 9.2669392 Z" /> + <path id="indoor" style="fill:#000203;stroke:#000000;stroke-width:3.25598" d="m 39.190941,65.836418 h 21.594871 v 31.91539 H 39.190941 Z" /> + <path class="door" style="fill:#1d8fc9;stroke:#000000;stroke-width:3.25598" d="m 39.190941,65.836418 h 21.594871 v 31.91539 H 39.190941 Z" /> + <path id="roof" style="fill:#1d8fc9;fill-opacity:1;stroke:#000000;stroke-width:3.25598" d="M 4.8219096,11.719266 H 94.720716 l 3.47304,33.365604 H 1.7830046 Z" sodipodi:nodetypes="ccccc" /> + <path id="chimney" style="fill:#f6f8f8;stroke:#000000;stroke-width:3.25598" d="M 70.41848,2.2481852 H 82.957212 V 22.636212 H 70.41848 Z" /> + <path id="line1" style="fill:#080808;stroke-width:3.25598" d="M 3.9536645,19.342648 H 61.003053 v 3.293563 H 3.9536645 Z" /> + <path id="line2" style="fill:#080808;stroke-width:3.25598" d="m 38.973709,32.057171 h 57.049389 v 3.293563 H 38.973709 Z" /> +</svg> diff --git a/src/assets/images/icon-search.svg b/src/assets/images/icon-search.svg index 796283d..cbb1860 100644 --- a/src/assets/images/icon-search.svg +++ b/src/assets/images/icon-search.svg @@ -1,6 +1,4 @@ <?xml version="1.0" encoding="UTF-8" standalone="no"?> -<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> - <svg version="1.1" x="0px" @@ -29,24 +27,20 @@ inkscape:window-x="0" inkscape:window-y="33" inkscape:window-maximized="1" - inkscape:zoom="4.5358955" - inkscape:cx="18.959872" - inkscape:cy="47.179217" + inkscape:zoom="2.3129303" + inkscape:cx="-62.258686" + inkscape:cy="27.670527" inkscape:current-layer="svg3545" showgrid="false" /><path id="rect1408" - style="fill:#14578a;stroke:#000000;stroke-width:2;fill-opacity:1" - transform="matrix(0.71477987,0.69934951,-0.69963223,0.71450315,0,0)" - d="m 67.137863,3.0622735 h 7.476434 V 20.929606 h -7.476434 z" /><path + style="fill:#14578a;fill-opacity:1;stroke:#000000;stroke-width:2" + d="m 45.39268,48.064692 5.611922,4.307881 -10.292886,13.414321 -5.611923,-4.307882 z" /><path id="path1246" style="fill:#1d8fc9;stroke:#000000;stroke-width:2" - transform="matrix(0.96592978,0.2588043,-0.2588338,0.96592187,0,0)" - d="M 103.36876,11.53057 A 29.302338,29.300789 0 0 1 74.066422,40.831359 29.302338,29.300789 0 0 1 44.764084,11.53057 29.302338,29.300789 0 0 1 74.066422,-17.770219 29.302338,29.300789 0 0 1 103.36876,11.53057 Z" /><path + d="M 90.904041,28.730105 A 27.725691,27.730085 0 0 1 63.17835,56.46019 27.725691,27.730085 0 0 1 35.45266,28.730105 27.725691,27.730085 0 0 1 63.17835,1.00002 27.725691,27.730085 0 0 1 90.904041,28.730105 Z" /><path id="path1246-5" - style="fill:#e4ffff;stroke:#000000;stroke-width:1.5;fill-opacity:1" - transform="matrix(0.96592978,0.2588043,-0.2588338,0.96592187,0,0)" - d="M 94.422329,11.53057 A 20.355907,20.35483 0 0 1 74.066422,31.8854 20.355907,20.35483 0 0 1 53.710514,11.53057 20.355907,20.35483 0 0 1 74.066422,-8.8242598 20.355907,20.35483 0 0 1 94.422329,11.53057 Z" /><path + style="fill:#e4ffff;fill-opacity:1;stroke:#000000;stroke-width:1.5" + d="M 82.438984,28.730105 A 19.260633,19.263685 0 0 1 63.17835,47.99379 19.260633,19.263685 0 0 1 43.917716,28.730105 19.260633,19.263685 0 0 1 63.17835,9.4664203 19.260633,19.263685 0 0 1 82.438984,28.730105 Z" /><path id="rect1408-3" style="fill:#1d8fc9;stroke:#000000;stroke-width:2;stroke-linejoin:round" - transform="matrix(0.71477987,0.69934951,-0.69963223,0.71450315,0,0)" - d="m 67.075075,19.587082 h 7.662958 c 1.329636,0 2.400065,1.070429 2.400065,2.400064 v 40.068158 c 0,1.329635 -1.070429,2.400064 -2.400065,2.400064 h -7.662958 c -1.329636,0 -2.400064,-1.070429 -2.400064,-2.400064 V 21.987146 c 0,-1.329635 1.070428,-2.400064 2.400064,-2.400064 z" /></svg> + d="m 35.826055,60.434903 5.75193,4.415356 c 0.998045,0.766128 1.184879,2.186554 0.418913,3.184809 L 18.914717,98.117182 c -0.765969,0.998256 -2.186094,1.185131 -3.18414,0.418997 L 9.9786472,94.120827 C 8.9806032,93.354698 8.7937692,91.934273 9.5597392,90.936014 L 32.641919,60.853903 c 0.765967,-0.998254 2.186091,-1.185129 3.184136,-0.419 z" /></svg> |
