Skip to content

Instantly share code, notes, and snippets.

@wvengen
Last active October 24, 2023 07:15
Show Gist options
  • Save wvengen/fbe2a001c5b69b7c3e9638e164df2d3a to your computer and use it in GitHub Desktop.
Save wvengen/fbe2a001c5b69b7c3e9638e164df2d3a to your computer and use it in GitHub Desktop.
Nutriscore SVGs (for use on light background)

Nutriscore SVGs

Nutriscore logo's for use with light background (SVG), extracted from the Nutriscore's corporate graphic charter (dec 2022). For use on light background.

License

The author (me) does not claim any copyright, these files can be used freely. The logo's are probably in the public domain, though trademark law may apply. IANAL.

See also the Wikimedia Commons page for a similar logo (independent work, only the A score present). And the OpenFoodFacts server also has Nutriscore in their logo's for slightly different application, as they don't have a border.

Process

  • open page 52 in Inkscape
  • copy relevant shapes to a new file
  • do some ungrouping (some wrong groups present)
  • create separate layers for each score logo
  • export all layers as separate PDFs
  • convert each PDF back to SVG using pdf2svg
  • optimize using scour a couple of times until there is no file size change anymore

Exporting directly to SVG from Inkscape resulted in SVG files that did not display well in web browsers, hence the extra steps.

Display the source blob
Display the rendered blob
Raw
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
<?xml version="1.0" encoding="UTF-8"?>
<svg width="96.748pt" height="54.136pt" version="1.1" viewBox="0 0 96.748 54.136" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<clipPath id="ab">
<path d="m0 0h96.746v54.137h-96.746z"/>
</clipPath>
<clipPath id="u">
<path d="m0 0h96.746v54.137h-96.746z"/>
</clipPath>
<clipPath id="s">
<path d="m0 0h96.746v54.137h-96.746z"/>
</clipPath>
<filter id="a" x="0%" y="0%" width="100%" height="100%">
<feColorMatrix in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
</filter>
<mask id="m">
<g filter="url(#a)">
<rect width="97" height="55" fill-opacity=".39999"/>
</g>
</mask>
<clipPath id="r">
<rect width="97" height="55"/>
</clipPath>
<g id="c" clip-path="url(#r)">
<path d="m50.445 26.574c-3.3398 0-5.9062 2.4883-5.9062 6.3789 0 3.9141 2.3633 6.418 5.9453 6.418 2.3086 0 3.9609-0.89844 4.9922-2.6094l-1.8047-1.3164c-0.73047 1.1875-1.7422 1.8555-3.0938 1.8555-2.2891 0-3.5664-1.5898-3.5664-4.3633 0-2.5938 1.3164-4.2891 3.3398-4.2891 1.332 0 2.3086 0.66797 2.7773 1.8008l2.2891-0.84766c-0.75-1.7461-2.1211-3.0273-4.9727-3.0273" fill="#fff"/>
</g>
<clipPath id="t">
<rect width="97" height="55"/>
</clipPath>
<g id="b" clip-path="url(#t)">
<g clip-path="url(#s)">
<use mask="url(#m)" xlink:href="#c"/>
</g>
</g>
<clipPath id="p">
<path d="m0 0h96.746v54.137h-96.746z"/>
</clipPath>
<mask id="l">
<g filter="url(#a)">
<rect width="97" height="55" fill-opacity=".39999"/>
</g>
</mask>
<clipPath id="o">
<rect width="97" height="55"/>
</clipPath>
<g id="i" clip-path="url(#o)">
<path d="m63.289 37.316v-8.6523h1.3477c2.9844 0 4.4297 1.5859 4.4297 4.3125 0 2.4844-1.5547 4.3398-4.7266 4.3398zm1.3672-10.562h-3.7695v12.441h3.5078c4.4492 0 7.1484-2.6523 7.1484-6.2188 0-3.8984-2.5117-6.2227-6.8867-6.2227" fill="#fff"/>
</g>
<clipPath id="q">
<rect width="97" height="55"/>
</clipPath>
<g id="h" clip-path="url(#q)">
<g clip-path="url(#p)">
<use mask="url(#l)" xlink:href="#i"/>
</g>
</g>
<clipPath id="aa">
<path d="m0 0h96.746v54.137h-96.746z"/>
</clipPath>
<mask id="k">
<g filter="url(#a)">
<rect width="97" height="55" fill-opacity=".39999"/>
</g>
</mask>
<clipPath id="z">
<rect width="97" height="55"/>
</clipPath>
<g id="g" clip-path="url(#z)">
<path d="m86.621 26.754h-7.8984v12.438h7.9727v-1.875h-5.5703v-3.6562h3.9023v-1.8789h-3.9023v-3.1523h5.4961z" fill="#fff"/>
</g>
<clipPath id="n">
<rect width="97" height="55"/>
</clipPath>
<g id="f" clip-path="url(#n)">
<g clip-path="url(#aa)">
<use mask="url(#k)" xlink:href="#g"/>
</g>
</g>
<clipPath id="y">
<path d="m0 0h96.746v54.137h-96.746z"/>
</clipPath>
<clipPath id="w">
<path d="m0 0h96.746v54.137h-96.746z"/>
</clipPath>
<mask id="j">
<g filter="url(#a)">
<rect width="97" height="55" fill-opacity=".39999"/>
</g>
</mask>
<clipPath id="v">
<rect width="97" height="55"/>
</clipPath>
<g id="e" clip-path="url(#v)">
<path d="m10.438 34.938 1.8906-4.957 1.8203 4.957zm2.793-8.1836h-1.668l-5.1602 12.438h2.418l0.90234-2.3789h5.125l0.87891 2.3789h2.6445z" fill="#fff"/>
</g>
<clipPath id="x">
<rect width="97" height="55"/>
</clipPath>
<g id="d" clip-path="url(#x)">
<g clip-path="url(#w)">
<use mask="url(#j)" xlink:href="#e"/>
</g>
</g>
</defs>
<g clip-path="url(#ab)">
<path d="m30.633 54.137c-2.3789 0-4.707-0.59375-6.7617-1.7227h-11.473c-6.8398 0-12.398-5.5586-12.398-12.395v-27.625c0-6.832 5.5586-12.395 12.398-12.395h71.953c6.8359 0 12.395 5.5625 12.395 12.395v27.625c0 6.8359-5.5586 12.395-12.395 12.395h-45.738c-2.0586 1.1289-4.3867 1.7227-6.7617 1.7227z" fill="#6f6c6d"/>
</g>
<path d="m84.352 1.6992h-71.953c-5.9023 0-10.699 4.8008-10.699 10.695v27.625c0 5.8984 4.7969 10.695 10.699 10.695h11.918c1.8281 1.0859 3.9883 1.7227 6.3164 1.7227h1.2188c2.3203 0 4.4844-0.63672 6.3125-1.7227h46.188c5.8984 0 10.695-4.7969 10.695-10.695v-27.625c0-5.8945-4.7969-10.695-10.695-10.695" fill="#fff"/>
<path d="m42.059 18.996c0.96094 1.5703 1.5156 3.3828 1.5156 5.3164v17.277c0 1.9336-0.55469 3.7422-1.5156 5.3164h14.895v-27.91z" fill="#fbc606"/>
<path d="m56.953 18.996h17.152v27.906h-17.152z" fill="#f37115"/>
<path d="m84.352 46.906h-10.246v-27.91h10.246c3.8047 0 6.8867 3.082 6.8867 6.8867v14.137c0 3.8008-3.082 6.8867-6.8867 6.8867" fill="#ee301f"/>
<path d="m18.906 24.312c0-1.9336 0.55469-3.7461 1.5156-5.3164h-8.0234c-3.8047 0-6.8906 3.082-6.8906 6.8906v14.133c0 3.8008 3.0859 6.8828 6.8906 6.8828h8.0234c-0.96094-1.5703-1.5156-3.3789-1.5156-5.3086z" fill="#0d8949"/>
<g clip-path="url(#u)">
<use xlink:href="#b"/>
<use xlink:href="#h"/>
<use xlink:href="#f"/>
</g>
<path d="m10.746 9.4258v3.8047h-1.5391v-6.6562h1.1992l3.1055 3.9102v-3.9102h1.5352v6.6562h-1.2344z" fill="#6f6c6d"/>
<path d="m19.176 11.922c0.26172 0 0.48047-0.054687 0.66406-0.16797 0.17969-0.10938 0.32812-0.25 0.44141-0.43359 0.10938-0.18359 0.19141-0.39062 0.23828-0.625 0.046875-0.23437 0.070313-0.47266 0.070313-0.71484v-3.4023h1.5352v3.4023c0 0.46094-0.058594 0.89453-0.17188 1.293-0.11328 0.39844-0.29297 0.75-0.53516 1.0508-0.23828 0.30078-0.54688 0.53516-0.91797 0.70703s-0.8125 0.25781-1.3242 0.25781c-0.53516 0-0.98438-0.089843-1.3633-0.27344-0.37109-0.17969-0.67969-0.42188-0.91406-0.72656-0.23047-0.30469-0.40625-0.65625-0.51563-1.0547-0.10547-0.39844-0.16406-0.81641-0.16406-1.2539v-3.4023h1.5391v3.4023c0 0.25391 0.027344 0.49609 0.078126 0.73047 0.046874 0.23047 0.12891 0.4375 0.24219 0.62109 0.11328 0.17969 0.25781 0.32031 0.43359 0.42969 0.17969 0.10547 0.39844 0.16016 0.66406 0.16016" fill="#6f6c6d"/>
<path d="m28.379 7.9258h-2.0234v5.3047h-1.5391v-5.3047h-2.0312v-1.3516h5.5938z" fill="#6f6c6d"/>
<path d="m29.141 13.234v-6.6562h3c0.30859 0 0.59766 0.066406 0.86719 0.19531 0.26172 0.13281 0.49219 0.30469 0.6875 0.51562 0.19531 0.21094 0.34375 0.45313 0.45313 0.72266 0.10937 0.26562 0.16406 0.53906 0.16406 0.8125 0 0.20703-0.023438 0.40625-0.074219 0.59766s-0.12109 0.36719-0.21484 0.53906c-0.09375 0.16797-0.20703 0.32031-0.34375 0.45312-0.13281 0.13281-0.28516 0.25-0.45313 0.34375l1.5273 2.4766h-1.7344l-1.3398-2.1484h-1.0039v2.1484zm1.5352-3.4883h1.4062c0.17969 0 0.33984-0.085938 0.46875-0.25781 0.13281-0.17188 0.19922-0.39453 0.19922-0.66406 0-0.27344-0.078125-0.49219-0.22656-0.65234-0.15234-0.16406-0.3125-0.24609-0.48828-0.24609h-1.3594z" fill="#6f6c6d"/>
<path d="m35.512 6.5781h1.5391v6.6523h-1.5391z" fill="#6f6c6d"/>
<path d="m38.195 9.9805h2.8867v1.3516h-2.8867z" fill="#6f6c6d"/>
<path d="m46.219 8.5273-0.20703-0.14453c-0.10938-0.066406-0.25-0.13672-0.42188-0.21094-0.16797-0.078125-0.35156-0.14453-0.55078-0.19922-0.19922-0.054687-0.39844-0.085937-0.60156-0.085937-0.26172 0-0.46094 0.050781-0.60547 0.14062-0.14062 0.09375-0.20703 0.23438-0.20703 0.41406l0.09375 0.28125c0.058594 0.074219 0.14844 0.14062 0.26562 0.20312 0.11328 0.058594 0.25781 0.11328 0.42969 0.16406 0.17188 0.046875 0.37109 0.10547 0.59766 0.16797 0.31641 0.085938 0.60547 0.18359 0.86328 0.28516 0.25391 0.10547 0.47266 0.23047 0.65234 0.38672 0.18359 0.15234 0.32031 0.33594 0.41797 0.55469 0.097657 0.21875 0.14453 0.48047 0.14453 0.78906 0 0.375-0.070313 0.69141-0.20703 0.94922-0.14453 0.26172-0.32812 0.46875-0.55859 0.62891-0.23438 0.16016-0.5 0.27734-0.80469 0.34766-0.30078 0.070312-0.61328 0.10938-0.92969 0.10938-0.24609 0-0.49609-0.019532-0.74609-0.058594-0.25391-0.035156-0.50391-0.089844-0.74609-0.16406-0.24609-0.070313-0.48047-0.15625-0.71094-0.25781-0.23438-0.097656-0.44531-0.21484-0.64062-0.34375l0.67578-1.3438c0.03125 0.03125 0.11719 0.09375 0.25391 0.17969 0.13672 0.085938 0.30859 0.17578 0.50781 0.26172 0.19922 0.089844 0.42188 0.16797 0.67188 0.23828 0.25 0.0625 0.50391 0.10156 0.76172 0.10156 0.54297 0 0.8125-0.16797 0.8125-0.5 0-0.125-0.039063-0.22656-0.11719-0.30859-0.082031-0.082031-0.19922-0.15625-0.33984-0.21875-0.14453-0.066406-0.3125-0.12891-0.50781-0.18359-0.19141-0.054688-0.40625-0.12109-0.63672-0.1875-0.30469-0.09375-0.57031-0.19531-0.79688-0.30469-0.22266-0.10938-0.41016-0.23438-0.5625-0.37891-0.14844-0.14453-0.25781-0.3125-0.33203-0.49609-0.070313-0.19141-0.10938-0.40625-0.10938-0.65625 0-0.35156 0.066406-0.66016 0.19922-0.92969 0.12891-0.26953 0.30859-0.49609 0.53125-0.67969 0.22656-0.18359 0.48828-0.32422 0.78516-0.41797s0.60938-0.14062 0.94141-0.14062c0.23828 0 0.46875 0.019531 0.69531 0.066407 0.22266 0.042968 0.44141 0.097656 0.64062 0.16797 0.20313 0.070313 0.39844 0.14844 0.57813 0.23438 0.17969 0.089844 0.34375 0.17578 0.48828 0.26172z" fill="#6f6c6d"/>
<path d="m47.605 9.8477c0-0.39844 0.074219-0.79688 0.21875-1.1953 0.14062-0.39453 0.35156-0.75 0.625-1.0625 0.27344-0.31641 0.61328-0.56641 1.0078-0.76172 0.39844-0.19141 0.84766-0.28906 1.3555-0.28906 0.59375 0 1.1094 0.13281 1.5469 0.40234s0.76172 0.62109 0.97656 1.0508l-1.1836 0.82422c-0.066406-0.17578-0.15625-0.32031-0.26172-0.4375-0.10547-0.11328-0.22266-0.20703-0.34766-0.28125-0.125-0.070312-0.25391-0.12109-0.38672-0.14844-0.13672-0.027344-0.26172-0.042969-0.38281-0.042969-0.27344 0-0.51172 0.0625-0.71094 0.17969s-0.36719 0.26953-0.49609 0.45703c-0.13281 0.19141-0.23047 0.40234-0.29688 0.64062-0.066406 0.23828-0.097656 0.47656-0.097656 0.72266 0 0.26172 0.039063 0.51172 0.11719 0.75781 0.078126 0.24219 0.1875 0.45703 0.32813 0.64844 0.14062 0.18359 0.3125 0.33594 0.51172 0.44141 0.19922 0.10938 0.42188 0.16797 0.66406 0.16797 0.125 0 0.25391-0.019531 0.39062-0.054687 0.13672-0.03125 0.26172-0.085938 0.39062-0.15625 0.12109-0.070313 0.23828-0.16797 0.33594-0.28516 0.10156-0.11328 0.17969-0.25781 0.24219-0.42578l1.2656 0.74219c-0.097657 0.24219-0.24219 0.46094-0.43359 0.65625-0.19141 0.19531-0.40625 0.35547-0.65234 0.48828-0.24219 0.12891-0.5 0.23047-0.77344 0.29688-0.27344 0.070312-0.53906 0.10547-0.80078 0.10547-0.46484 0-0.88672-0.097656-1.2695-0.29687-0.38672-0.19531-0.71875-0.45703-0.99609-0.78125s-0.49609-0.69531-0.65234-1.1094c-0.15625-0.41016-0.23438-0.82812-0.23438-1.2539" fill="#6f6c6d"/>
<path d="m56.926 13.289c-0.47656 0-0.90625-0.097656-1.293-0.28906-0.39062-0.19531-0.72266-0.44922-1-0.76562-0.27734-0.31641-0.49219-0.67969-0.64844-1.082-0.15234-0.40625-0.22656-0.82422-0.22656-1.2578 0-0.4375 0.078126-0.85938 0.23828-1.2656s0.38281-0.76172 0.66406-1.0742c0.28516-0.30859 0.625-0.55469 1.0117-0.73828 0.39062-0.1875 0.82031-0.27734 1.2812-0.27734 0.47656 0 0.90625 0.097657 1.293 0.28906 0.39062 0.19531 0.72266 0.45312 1 0.76953 0.27734 0.32031 0.49219 0.68359 0.64062 1.0898 0.15234 0.40625 0.22656 0.81641 0.22656 1.2344 0 0.44141-0.082031 0.85938-0.23828 1.2656-0.16016 0.41016-0.38281 0.76562-0.66016 1.0742-0.28125 0.3125-0.61719 0.55859-1.0078 0.74609-0.39453 0.1875-0.82031 0.28125-1.2812 0.28125m-1.6055-3.375c0 0.25781 0.039063 0.50391 0.10938 0.74609 0.070312 0.23828 0.17578 0.45312 0.30859 0.64062 0.13672 0.19141 0.30469 0.33594 0.50781 0.44922s0.4375 0.17188 0.69922 0.17188c0.26953 0 0.50391-0.0625 0.70313-0.17969 0.19922-0.12109 0.36719-0.27344 0.5-0.46484 0.13672-0.19141 0.23437-0.40625 0.30078-0.64844 0.066406-0.23828 0.097656-0.48438 0.097656-0.73438 0-0.25781-0.035156-0.50391-0.10547-0.74609-0.074218-0.23828-0.17578-0.44922-0.31641-0.63672-0.13672-0.18359-0.30469-0.33203-0.50391-0.4375-0.20312-0.11328-0.42969-0.16406-0.6875-0.16406-0.26953 0-0.5 0.054688-0.70312 0.17188-0.19922 0.11328-0.36719 0.26562-0.5 0.45312s-0.23828 0.40234-0.30469 0.64453c-0.070312 0.23828-0.10547 0.48437-0.10547 0.73437" fill="#6f6c6d"/>
<path d="m61.012 13.234v-6.6562h3c0.3125 0 0.60156 0.066406 0.86719 0.19531 0.26562 0.13281 0.49609 0.30469 0.69141 0.51562 0.19141 0.21094 0.34375 0.45313 0.45313 0.72266 0.10937 0.26562 0.16406 0.53906 0.16406 0.8125 0 0.20703-0.023438 0.40625-0.074219 0.59766s-0.12109 0.36719-0.21484 0.53906c-0.097657 0.16797-0.21094 0.32031-0.34375 0.45312s-0.28516 0.25-0.45703 0.34375l1.5312 2.4766h-1.7344l-1.3438-2.1484h-1v2.1484zm1.5391-3.4883h1.4062c0.17969 0 0.33594-0.085938 0.46875-0.25781 0.12891-0.17188 0.19531-0.39453 0.19531-0.66406 0-0.27344-0.074219-0.49219-0.22266-0.65234-0.15234-0.16406-0.3125-0.24609-0.48828-0.24609h-1.3594z" fill="#6f6c6d"/>
<path d="m72.066 11.883v1.3516h-4.6797v-6.6562h4.5938v1.3477h-3.0547v1.293h2.625v1.25h-2.625v1.4141z" fill="#6f6c6d"/>
<g clip-path="url(#y)">
<use xlink:href="#d"/>
</g>
<path d="m31.848 50.395h-1.2148c-5.3477 0-9.6836-3.9453-9.6836-8.8047v-17.277c0-4.8633 4.3359-8.8047 9.6836-8.8047h1.2148c5.3477 0 9.6836 3.9414 9.6836 8.8047v17.277c0 4.8594-4.3359 8.8047-9.6836 8.8047" fill="#72c72b"/>
<path d="m26.18 40.578v-16.586h5.1055c3.9297 0 5.6016 2.0664 5.6016 4.7109 0 1.4414-0.69922 2.668-1.7812 3.2227 1.5117 0.50391 2.6406 1.8008 2.6406 3.5547 0 3.0547-1.9219 5.0977-5.9414 5.0977zm3.9531-9.832h0.74609c1.1289 0 1.9414-0.45703 1.9414-1.7305s-0.8125-1.6367-1.9414-1.6367h-0.74609zm0 3.1016v3.3438h1.4922c1.1523 0 2.0547-0.46094 2.0547-1.7109 0-1.2227-0.99219-1.6328-2.2578-1.6328z" fill="#fff"/>
</svg>
Display the source blob
Display the rendered blob
Raw
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment