feat: change to svg logo (#3452)

dvd101x · josdejong · web-flow · commit 6535aba72f1f · 2025-04-17T08:27:59.000+02:00
* Reference to SVG logo

* Included instructions and source file

---------

Co-authored-by: Jos de Jong &lt;wjosdejong@gmail.com&gt;
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-![math.js](https://raw.github.com/josdejong/mathjs/master/misc/img/mathjs.png)
+![math.js](https://raw.github.com/josdejong/mathjs/master/misc/img/mathjs.svg)
 
 [https://mathjs.org](https://mathjs.org)
 
diff --git a/misc/img/mathjs.svg b/misc/img/mathjs.svg
@@ -2,110 +2,51 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <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="330"
    height="100"
    id="svg2"
    version="1.1"
-   inkscape:version="0.48.3.1 r9886"
-   sodipodi:docname="mathjs.svg"
-   inkscape:export-filename="/home/jos/mathjs/img/mathjs.png"
-   inkscape:export-xdpi="90"
-   inkscape:export-ydpi="90">
-  <defs
-     id="defs4" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="4.0000001"
-     inkscape:cx="301.10806"
-     inkscape:cy="53.281202"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     inkscape:window-width="1600"
-     inkscape:window-height="850"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1" />
-  <metadata
-     id="metadata7">
-    <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 />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
+   xml:space="preserve"
+   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/"><defs
+     id="defs4" /><metadata
+     id="metadata7"><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 /></cc:Work></rdf:RDF></metadata><g
      id="layer1"
-     transform="translate(0,-952.36218)">
-    <rect
+     transform="translate(0,-952.36218)"><rect
        style="fill:#dc3912;fill-opacity:1;stroke:none"
        id="rect3004"
        width="330"
        height="100"
        x="0"
-       y="952.36218" />
-    <flowRoot
-       xml:space="preserve"
+       y="952.36218" /><path
+       style="font-weight:bold;font-size:96px;line-height:1.25;font-family:'Source Sans 3';-inkscape-font-specification:'Source Sans 3 Bold';letter-spacing:0px;word-spacing:0px;fill:#ffffff"
+       d="m 13.74,89.033708 v -47.616 h 11.52 l 0.96,6.144 h 0.384 q 2.88,-2.976 6.24,-5.088 3.456,-2.208 8.16,-2.208 5.088,0 8.256,2.112 3.168,2.016 4.896,5.856 3.168,-3.264 6.72,-5.568 3.552,-2.4 8.256,-2.4 7.776,0 11.328,5.184 3.552,5.088 3.552,14.016 v 29.568 H 69.9 v -27.744 q 0,-5.184 -1.44,-7.104 -1.344,-1.92 -4.416,-1.92 -1.824,0 -3.84,1.152 -2.016,1.056 -4.32,3.456 v 32.16 H 41.772 v -27.744 q 0,-5.184 -1.44,-7.104 -1.344,-1.92 -4.416,-1.92 -3.648,0 -8.064,4.608 v 32.16 z m 94.27203,1.152 q -4.32,0 -7.584,-1.92 -3.167996,-1.92 -4.895996,-5.184 -1.728,-3.264 -1.728,-7.296 0,-7.68 6.335996,-11.808 6.336,-4.224 20.448,-5.664 -0.096,-2.112 -0.96,-3.552 -0.768,-1.536 -2.4,-2.304 -1.632,-0.864 -4.128,-0.864 -2.976,0 -6.048,1.056 -3.072,1.056 -6.624,3.072 l -4.991996,-9.216 q 3.072,-1.92 6.335996,-3.264 3.264,-1.44 6.72,-2.208 3.552,-0.768 7.296,-0.768 6.144,0 10.272,2.4 4.224,2.304 6.432,7.104 2.208,4.704 2.208,12.096 v 27.168 h -11.52 l -0.96,-4.896 h -0.384 q -3.072,2.688 -6.432,4.416 -3.36,1.632 -7.392,1.632 z m 4.704,-11.04 q 2.4,0 4.224,-1.056 1.824,-1.056 3.648,-2.88 v -8.064 q -4.992,0.672 -7.968,1.728 -2.88,1.056 -4.128,2.592 -1.152,1.44 -1.152,3.264 0,2.208 1.44,3.36 1.536,1.056 3.936,1.056 z m 50.47301,10.944 q -8.832,0 -12.672,-5.088 -3.84,-5.184 -3.84,-13.344 v -19.2 h -6.432 v -10.464 l 7.296,-0.576 1.632,-14.592 h 11.712 v 14.592 h 11.424 v 11.04 h -11.424 v 19.008 q 0,4.032 1.632,5.856 1.728,1.728 4.512,1.728 1.152,0 2.304,-0.192 1.152,-0.192 2.208,-0.576 l 2.304,9.888 q -1.824,0.768 -4.608,1.344 -2.688,0.576 -6.048,0.576 z m 18.43194,-1.056 v -67.296 h 14.112 v 16.512 l -0.672,8.544 q 2.688,-2.4 6.24,-4.416 3.648,-2.112 8.448,-2.112 7.872,0 11.328,5.184 3.456,5.088 3.456,14.016 v 29.568 h -14.112 v -27.744 q 0,-5.184 -1.44,-7.104 -1.344,-1.92 -4.416,-1.92 -2.688,0 -4.608,1.248 -1.92,1.152 -4.224,3.36 v 32.16 z"
        id="flowRoot3774"
-       style="font-size:40px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Source Sans Pro;-inkscape-font-specification:Source Sans Pro Bold"
-       transform="translate(1.26,926.60823)"><flowRegion
-         id="flowRegion3776"><rect
-           id="rect3778"
-           width="227.5"
-           height="118.5"
-           x="7.5"
-           y="8"
-           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#ffffff;fill-opacity:1;font-family:Source Sans Pro;-inkscape-font-specification:Source Sans Pro Bold" /></flowRegion><flowPara
-         id="flowPara3780"
-         style="font-size:96px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Source Sans Pro;-inkscape-font-specification:Source Sans Pro Bold">math</flowPara></flowRoot>    <text
+       transform="translate(1.26,939.96475)"
+       aria-label="math" /><text
        xml:space="preserve"
-       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
+       style="font-style:normal;font-weight:normal;line-height:0%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
        x="98"
        y="19"
        id="text3782"
-       sodipodi:linespacing="125%"
        transform="translate(0,952.36218)"><tspan
-         sodipodi:role="line"
          id="tspan3784"
          x="98"
-         y="19" /></text>
-    <rect
+         y="19"
+         style="font-size:40px;line-height:1.25;font-family:sans-serif"> </tspan></text><rect
        style="fill:#ffffff;fill-opacity:1;stroke:none"
        id="rect3004-2"
        width="87"
        height="100"
        x="243"
-       y="952.36218" />
-    <flowRoot
-       xml:space="preserve"
+       y="952.36218" /><path
+       style="font-weight:bold;font-size:96px;line-height:1.25;font-family:'Source Sans 3';-inkscape-font-specification:'Source Sans 3 Bold';letter-spacing:0px;word-spacing:0px;fill:#202020"
+       d="m 10.956,107.84971 q -2.88,0 -4.896,-0.384 -2.016,-0.384 -3.552,-0.96 L 5.1,96.137708 q 0.96,0.288 1.92,0.48 0.864,0.192 1.824,0.192 2.784,0 3.84,-1.92 1.152,-1.824 1.152,-5.76 v -47.712 h 14.208 v 47.232 q 0,5.28 -1.632,9.6 -1.536,4.416002 -5.28,7.008002 -3.648,2.592 -10.176,2.592 z M 20.94,34.409708 q -3.552,0 -5.76,-2.016 -2.208,-2.016 -2.208,-5.376 0,-3.36 2.208,-5.376 2.208,-2.016 5.76,-2.016 3.552,0 5.76,2.016 2.208,2.016 2.208,5.376 0,3.36 -2.208,5.376 -2.208,2.016 -5.76,2.016 z m 33.503988,55.776 q -4.704,0 -9.696,-1.824 -4.992,-1.824 -8.544,-5.28 l 5.952,-7.968 q 3.264,2.592 6.432,3.648 3.264,0.96 6.24,0.96 3.168,0 4.608,-1.056 1.44,-1.152 1.44,-2.976 0,-1.632 -1.344,-2.688 -1.248,-1.056 -3.36,-1.824 -2.016,-0.864 -4.608,-1.824 -3.456,-1.248 -6.336,-3.168 -2.88,-1.92 -4.704,-4.608 -1.728,-2.688 -1.728,-6.432 0,-6.72 4.992,-10.752 5.088,-4.128 13.248,-4.128 5.184,0 9.408,1.728 4.32,1.632 7.392,4.32 l -6.048,7.872 q -2.592,-1.824 -5.184,-2.592 -2.592,-0.864 -5.088,-0.864 -2.784,0 -4.128,1.056 -1.344,1.056 -1.344,2.688 0,1.344 0.96,2.304 0.96,0.96 2.88,1.824 2.016,0.768 4.992,1.728 3.648,1.248 6.624,3.168 3.072,1.824 4.8,4.608 1.728,2.784 1.728,6.72 0,4.32 -2.304,7.776 -2.208,3.456 -6.528,5.568 -4.32,2.016 -10.752,2.016 z"
        id="flowRoot3774-8"
-       style="font-size:40px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#202020;fill-opacity:1;stroke:none;font-family:Source Sans Pro;-inkscape-font-specification:Source Sans Pro Bold"
-       transform="translate(243.98176,926.60823)"><flowRegion
-         id="flowRegion3776-8"><rect
-           id="rect3778-1"
-           width="85"
-           height="119"
-           x="7.5"
-           y="8"
-           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#202020;fill-opacity:1;font-family:Source Sans Pro;-inkscape-font-specification:Source Sans Pro Bold" /></flowRegion><flowPara
-         id="flowPara3780-7"
-         style="font-size:96px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#202020;fill-opacity:1;font-family:Source Sans Pro;-inkscape-font-specification:Source Sans Pro Bold">js</flowPara></flowRoot>  </g>
-</svg>
+       transform="translate(243.98176,939.96475)"
+       aria-label="js" /></g></svg>
diff --git a/misc/img/mathjs.txt b/misc/img/mathjs.txt
@@ -1,7 +1,7 @@
 Description of the logo:
 
 size: 330x100px
-font: Source Sans Pro, 96px
+font: Source Sans 3, 96px
 
 math:
     size:    243x100px
@@ -13,3 +13,7 @@ js:
     color:   202020ff
     bgcolor: ffffffff
 
+To update the logo:
+- install Source Sans 3
+- open mathjs_source.svg in inkscape
+- use use Path menu > Object to Path on the text and export to mathjs.svg
diff --git a/misc/img/mathjs_source.svg b/misc/img/mathjs_source.svg
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="330"
+   height="100"
+   id="svg2"
+   version="1.1"
+   inkscape:version="1.4 (e7c3feb1, 2024-10-09)"
+   sodipodi:docname="mathjs_source.svg"
+   inkscape:export-filename="/home/jos/mathjs/img/mathjs.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90"
+   xml:space="preserve"
+   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/"><defs
+     id="defs4" /><sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.07424"
+     inkscape:cx="306.26302"
+     inkscape:cy="62.369673"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1464"
+     inkscape:window-height="761"
+     inkscape:window-x="0"
+     inkscape:window-y="38"
+     inkscape:window-maximized="0"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" /><metadata
+     id="metadata7"><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 /></cc:Work></rdf:RDF></metadata><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-952.36218)"><rect
+       style="fill:#dc3912;fill-opacity:1;stroke:none"
+       id="rect3004"
+       width="330"
+       height="100"
+       x="0"
+       y="952.36218" /><flowRoot
+       xml:space="preserve"
+       id="flowRoot3774"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:0.01%;font-family:'Source Sans 3';-inkscape-font-specification:'Source Sans 3 Bold';letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none"
+       transform="translate(1.26,939.96475)"><flowRegion
+         id="flowRegion3776"><rect
+           id="rect3778"
+           width="227.5"
+           height="118.5"
+           x="7.5"
+           y="8"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#ffffff;fill-opacity:1;font-family:Source Sans 3;-inkscape-font-specification:Source Sans 3 Bold" /></flowRegion><flowPara
+         id="flowPara3780"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:96px;line-height:1.25;font-family:'Source Sans 3';-inkscape-font-specification:'Source Sans 3 Bold'">math</flowPara></flowRoot><text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;line-height:0%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+       x="98"
+       y="19"
+       id="text3782"
+       transform="translate(0,952.36218)"><tspan
+         sodipodi:role="line"
+         id="tspan3784"
+         x="98"
+         y="19"
+         style="font-size:40px;line-height:1.25;font-family:sans-serif"> </tspan></text><rect
+       style="fill:#ffffff;fill-opacity:1;stroke:none"
+       id="rect3004-2"
+       width="87"
+       height="100"
+       x="243"
+       y="952.36218" /><flowRoot
+       xml:space="preserve"
+       id="flowRoot3774-8"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:0.01%;font-family:'Source Sans 3';-inkscape-font-specification:'Source Sans 3 Bold';letter-spacing:0px;word-spacing:0px;fill:#202020;fill-opacity:1;stroke:none"
+       transform="translate(243.98176,939.96475)"><flowRegion
+         id="flowRegion3776-8"><rect
+           id="rect3778-1"
+           width="85"
+           height="119"
+           x="7.5"
+           y="8"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#202020;fill-opacity:1;font-family:Source Sans 3;-inkscape-font-specification:Source Sans 3 Bold" /></flowRegion><flowPara
+         id="flowPara3780-7"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:96px;line-height:1.25;font-family:'Source Sans 3';-inkscape-font-specification:'Source Sans 3 Bold';fill:#202020;fill-opacity:1">js</flowPara></flowRoot></g></svg>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-![math.js](https://raw.github.com/josdejong/mathjs/master/misc/img/mathjs.png)`
	`1`	`+![math.js](https://raw.github.com/josdejong/mathjs/master/misc/img/mathjs.svg)`
`2`	`2`
`3`	`3`	`[https://mathjs.org](https://mathjs.org)`
`4`	`4`