Since Lemmy uses Markdown that supports HTML; it is possible to use Scalable Vector Graphics (with the <svg> tag).

It is possible to import SVG art on Lemmy, which isn’t possible on Reddit.


As an example, here is a flag I made.

<svg id=“svg8” width=“297mm” height=“190mm” version=“1.1” viewBox=“0 0 297 190” xmlns=“http://www.w3.org/2000/svg” xmlns:cc=“http://creativecommons.org/ns#” xmlns:dc=“http://purl.org/dc/elements/1.1/” xmlns:rdf=“http://www.w3.org/1999/02/22-rdf-syntax-ns#” xmlns:xlink=“http://www.w3.org/1999/xlink”> <title id=“title83625”>Freedom of Information Flag</title> <defs id=“defs2”> <symbol id=“ic_search_24px” viewBox=“0 0 24 24”> <path id=“path6933” d=“m4.101 3.7042h-0.20902l-0.074083-0.071438a1.7119 1.7119 0 0 0 0.4154-1.1192 1.7198 1.7198 0 1 0-1.7198 1.7198c0.42598 0 0.81756-0.1561 1.1192-0.4154l0.071438 0.074083v0.20902l1.3229 1.3203 0.39423-0.39423zm-1.5875 0c-0.65881 0-1.1906-0.53181-1.1906-1.1906s0.53181-1.1906 1.1906-1.1906 1.1906 0.53181 1.1906 1.1906-0.53181 1.1906-1.1906 1.1906z” stroke-width=“.26458”/> </symbol> </defs> <metadata id=“metadata5”> rdf:RDF <cc:Work rdf:about=“”> dc:formatimage/svg+xml</dc:format> <dc:type rdf:resource=“http://purl.org/dc/dcmitype/StillImage”/> dc:titleFreedom of Information Flag</dc:title> <cc:license rdf:resource=“http://creativecommons.org/publicdomain/zero/1.0/”/> dc:descriptionA flag to support the universal right to information.

  • Yellow background represents liberty.
  • The magnifying glass is a symbol for information. It is horizontally aligned to represent the lack of bias.
  • The horns represent the idea of copyleft, supported by GNU.</dc:description> dc:subject rdf:Bag rdf:liinformation</rdf:li> rdf:lifree</rdf:li> rdf:lilibre</rdf:li> rdf:lignu</rdf:li> </rdf:Bag> </dc:subject> </cc:Work> <cc:License rdf:about=“http://creativecommons.org/publicdomain/zero/1.0/”> <cc:permits rdf:resource=“http://creativecommons.org/ns#Reproduction”/> <cc:permits rdf:resource=“http://creativecommons.org/ns#Distribution”/> <cc:permits rdf:resource=“http://creativecommons.org/ns#DerivativeWorks”/> </cc:License> </rdf:RDF> </metadata> <rect id=“rect10” y=“-.14054” width=“299.74” height=“192.39” fill=“#ffff00” fill-rule=“evenodd” stroke-width=“.26458”/> <g id=“layer1” transform=“translate(0,-107)” fill=“#000000”> <use id=“use84183” transform=“matrix(2.6112 2.6112 -2.6112 2.6112 10.493 -71.155)” width=“100%” height=“100%” xlink:href=“#ic_search_24px”/> <path id=“path85079” d=“m190.56 142.53c2.2453-3.1184 5.228-6.13 7.076-10.306 0.75336-4.9917 0.81194-7.669-0.84953-12.793-1.1288-3.0946-2.0595-5.6271-3.6189-8.589 9.1301 5.6434 11.272 10.243 11.272 10.243 1.9779 5.4942 2.1059 7.4287 1.4032 12.114-2.0111 5.3632-5.285 10.025-11.132 16.23-3.0171-4.7485-4.151-6.8989-4.151-6.8989z”/> <path id=“path85933” d=“m110.17 142.28c-2.2453-3.1184-5.0526-5.8728-6.9006-10.049-0.75336-4.9917-0.81194-7.669 0.84953-12.793 1.1288-3.0946 2.0595-5.6271 3.6189-8.589-9.1301 5.6434-11.272 10.243-11.272 10.243-1.9779 5.4942-2.1059 7.4287-1.4032 12.114 2.0111 5.3632 5.1447 9.8842 10.991 16.09 3.0171-4.7485 4.116-7.0158 4.116-7.0158z”/> </g> </svg> </xml>

(The code can be previewed through an HTML viewer.)

scour may be needed to get the SVG art to work.

azron
link
fedilink
910M

Thank you for the tip!

Side note, doesn’t appear to work on mobile.

@xarvos
link
fedilink
310M

i’m on mobile and see the svg just fine

Probably on the app. I am using Jerboa and it is not displayed.

Lemmy
!lemmy
Create a post

Everything about Lemmy; bugs, gripes, praises, and advocacy.

For discussion about the lemmy.ml instance, go to !meta@lemmy.ml.

  • 0 users online
  • 1 user / day
  • 10 users / week
  • 30 users / month
  • 168 users / 6 months
  • 1.57K subscribers
  • 458 Posts
  • 3.16K Comments
  • Modlog