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
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.
Display the source blob
Display the rendered blob
Raw
<?xml version="1.0" encoding="UTF-8"?>
<svg width="96.746pt" height="54.136pt" version="1.1" viewBox="0 0 96.746 54.136" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<clipPath id="u">
<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="t">
<rect width="97" height="55"/>
</clipPath>
<g id="c" clip-path="url(#t)">
<path d="m61.043 37.316v-8.6523h1.3516c2.9844 0 4.4258 1.5859 4.4258 4.3125 0 2.4844-1.5547 4.3398-4.7266 4.3398zm1.3711-10.562h-3.7695v12.441h3.5078c4.4453 0 7.1484-2.6523 7.1484-6.2188 0-3.8984-2.5156-6.2227-6.8867-6.2227" fill="#fff"/>
</g>
<clipPath id="y">
<rect width="97" height="55"/>
</clipPath>
<g id="b" clip-path="url(#y)">
<g clip-path="url(#u)">
<use mask="url(#m)" xlink:href="#c"/>
</g>
</g>
<clipPath id="r">
<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="q">
<rect width="97" height="55"/>
</clipPath>
<g id="i" clip-path="url(#q)">
<path d="m12.441 34.938 1.8945-4.957 1.8203 4.957zm2.793-8.1836h-1.668l-5.1602 12.438h2.4219l0.89844-2.3789h5.125l0.87891 2.3789h2.6445z" fill="#fff"/>
</g>
<clipPath id="s">
<rect width="97" height="55"/>
</clipPath>
<g id="h" clip-path="url(#s)">
<g clip-path="url(#r)">
<use mask="url(#l)" xlink:href="#i"/>
</g>
</g>
<clipPath id="o">
<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="n">
<rect width="97" height="55"/>
</clipPath>
<g id="g" clip-path="url(#n)">
<path d="m29.258 37.316v-3.5117h1.1797c2.1953 0.015624 2.9102 0.66406 2.9102 1.6914 0 1.2812-0.9375 1.8203-2.7578 1.8203zm0-5.2461v-3.4414h0.71094c1.8945 0 2.6641 0.55859 2.6641 1.6758 0 1.0273-0.73047 1.7305-2.2695 1.75zm1.0117-5.3164h-3.4141v12.441h3.8477c3.6211 0 5.1016-1.4609 5.1016-3.6992 0-1.2227-0.67578-2.1992-2.082-2.7578 0.80469-0.62891 1.3711-1.5117 1.3711-2.6484 0-1.8398-1.2969-3.3359-4.8242-3.3359" fill="#fff"/>
</g>
<clipPath id="p">
<rect width="97" height="55"/>
</clipPath>
<g id="f" clip-path="url(#p)">
<g clip-path="url(#o)">
<use mask="url(#k)" xlink:href="#g"/>
</g>
</g>
<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="m48.66 26.574c-3.3398 0-5.9102 2.4883-5.9102 6.3789 0 3.9141 2.3633 6.418 5.9492 6.418 2.3086 0 3.957-0.89844 4.9883-2.6094l-1.8008-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="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>
<path d="m82.102 54.137c-2.3789 0-4.707-0.59375-6.7617-1.7227h-62.945c-6.8359 0-12.395-5.5586-12.395-12.395v-27.625c0-6.832 5.5586-12.395 12.395-12.395h71.957c6.8359 0 12.395 5.5625 12.395 12.395v27.625l-0.003906 0.13281v1.4414c0 6.918-6.0234 12.543-13.426 12.543z" fill="#6f6c6d"/>
<path d="m95.047 12.398c0-5.8984-4.7969-10.699-10.695-10.699h-71.957c-5.8984 0-10.699 4.8008-10.699 10.699v27.621c0 5.8984 4.8008 10.695 10.699 10.695h63.395c1.8203 1.0859 3.9844 1.7227 6.3086 1.7227h1.2188c6.4688 0 11.727-4.8672 11.727-10.844v-1.4844l0.003906-0.089844z" fill="#fff"/>
<path d="m12.395 46.906h10.246v-27.91h-10.246c-3.8008 0-6.8867 3.082-6.8867 6.8867v14.137c0 3.8008 3.0859 6.8867 6.8867 6.8867" fill="#0d8949"/>
<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.172 11.922c0.26172 0 0.48438-0.054687 0.66797-0.16797 0.17969-0.10938 0.32812-0.25 0.4375-0.43359 0.11328-0.18359 0.19531-0.39062 0.24219-0.625 0.042969-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.11719 0.39844-0.29297 0.75-0.53516 1.0508-0.24219 0.30078-0.54688 0.53516-0.91797 0.70703-0.375 0.17188-0.81641 0.25781-1.3281 0.25781-0.53125 0-0.98438-0.089843-1.3594-0.27344-0.375-0.17969-0.67969-0.42188-0.91406-0.72656-0.23438-0.30469-0.40625-0.65625-0.51563-1.0547-0.10937-0.39844-0.16406-0.81641-0.16406-1.2539v-3.4023h1.5391v3.4023c0 0.25391 0.027344 0.49609 0.074219 0.73047 0.050781 0.23047 0.12891 0.4375 0.24609 0.62109 0.10938 0.17969 0.25781 0.32031 0.43359 0.42969 0.17969 0.10547 0.39844 0.16016 0.66016 0.16016" fill="#6f6c6d"/>
<path d="m28.379 7.9258h-2.0273v5.3047h-1.5352v-5.3047h-2.0352v-1.3516h5.5977z" fill="#6f6c6d"/>
<path d="m29.137 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.09375 0.16797-0.21094 0.32031-0.34375 0.45312-0.13672 0.13281-0.28516 0.25-0.45703 0.34375l1.5312 2.4766h-1.7344l-1.3398-2.1484h-1.0039v2.1484zm1.5391-3.4883h1.4062c0.17969 0 0.33594-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.25391-0.13672-0.42188-0.21094-0.16797-0.078125-0.35156-0.14453-0.55078-0.19922-0.20312-0.054687-0.40234-0.085937-0.60156-0.085937-0.26172 0-0.46484 0.050781-0.60547 0.14062-0.14062 0.09375-0.21094 0.23438-0.21094 0.41406l0.097656 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.59375 0.16797 0.32031 0.085938 0.60938 0.18359 0.86328 0.28516 0.25781 0.10547 0.47656 0.23047 0.65625 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.066406 0.69141-0.20703 0.94922-0.14453 0.26172-0.32812 0.46875-0.5625 0.62891-0.23047 0.16016-0.49609 0.27734-0.80078 0.34766-0.30078 0.070312-0.61328 0.10938-0.93359 0.10938-0.24219 0-0.49219-0.019532-0.74219-0.058594-0.25391-0.035156-0.50391-0.089844-0.74609-0.16406-0.24219-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.30469 0.17578 0.50391 0.26172 0.20312 0.089844 0.42578 0.16797 0.67578 0.23828 0.25 0.0625 0.50391 0.10156 0.75781 0.10156 0.54688 0 0.81641-0.16797 0.81641-0.5 0-0.125-0.039063-0.22656-0.12109-0.30859-0.078125-0.082031-0.19531-0.15625-0.33594-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.41406-0.23438-0.5625-0.37891s-0.26172-0.3125-0.33203-0.49609c-0.070313-0.19141-0.10938-0.40625-0.10938-0.65625 0-0.35156 0.066406-0.66016 0.19531-0.92969 0.13281-0.26953 0.3125-0.49609 0.53516-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.4375 0.097656 0.64062 0.16797 0.20313 0.070313 0.39453 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.21484-1.1953 0.14453-0.39453 0.35547-0.75 0.62891-1.0625 0.27344-0.31641 0.60938-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.070313-0.17578-0.15625-0.32031-0.26172-0.43359-0.10547-0.11719-0.22266-0.21094-0.34766-0.28516-0.125-0.070312-0.25391-0.12109-0.39062-0.14844-0.13281-0.027344-0.25781-0.042969-0.37891-0.042969-0.27344 0-0.51172 0.0625-0.71094 0.17969s-0.36719 0.26953-0.49609 0.46094c-0.13281 0.1875-0.23047 0.39844-0.29688 0.63672-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.46094 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.13281-0.03125 0.26172-0.085938 0.39062-0.15625 0.12109-0.070313 0.23438-0.16797 0.33594-0.28516 0.097656-0.11328 0.17969-0.25781 0.24219-0.42578l1.2656 0.74219c-0.097657 0.24219-0.24219 0.46484-0.43359 0.65625-0.19141 0.19531-0.41016 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.2969-0.28906-0.38672-0.19531-0.71875-0.44922-0.99609-0.76562-0.27734-0.31641-0.49219-0.67969-0.64453-1.082-0.15625-0.40625-0.23047-0.82422-0.23047-1.2578 0-0.4375 0.078126-0.85938 0.23828-1.2656s0.37891-0.76172 0.66406-1.0742c0.28516-0.30859 0.62109-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.38672 0.19531 0.71875 0.45312 1 0.76953 0.27734 0.32031 0.49219 0.67969 0.64062 1.0898 0.14844 0.40625 0.22656 0.81641 0.22656 1.2344 0 0.44141-0.082031 0.85938-0.24219 1.2656-0.15625 0.41016-0.37891 0.76562-0.65625 1.0742-0.28516 0.3125-0.62109 0.55859-1.0117 0.74609s-0.81641 0.28125-1.2773 0.28125m-1.6055-3.375c0 0.25781 0.035157 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.43359 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.13281-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.45313-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.50391 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.066406 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.6875 0.51562 0.19531 0.21094 0.34766 0.45313 0.45703 0.72266 0.10937 0.26562 0.16406 0.53906 0.16406 0.8125 0 0.20703-0.027344 0.40625-0.078125 0.59766s-0.12109 0.36719-0.21484 0.53906c-0.09375 0.16797-0.20703 0.32031-0.33984 0.45312-0.13672 0.13281-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.46484-0.25781 0.13281-0.17188 0.19922-0.39453 0.19922-0.66406 0-0.27344-0.074219-0.49219-0.22656-0.65234-0.14844-0.16406-0.3125-0.24609-0.48438-0.24609h-1.3594z" fill="#6f6c6d"/>
<path d="m72.066 11.883v1.3516h-4.6797v-6.6562h4.5938v1.3477h-3.0547v1.293h2.6211v1.25h-2.6211v1.4141z" fill="#6f6c6d"/>
<path d="m22.641 18.996h17.156v27.906h-17.156z" fill="#72c72b"/>
<path d="m39.797 18.996h17.152v27.906h-17.152z" fill="#fbc606"/>
<path d="m70.375 24.312c0-1.9336 0.55469-3.7461 1.5117-5.3164h-14.938v27.906h14.938c-0.95703-1.5703-1.5117-3.3789-1.5117-5.3086z" fill="#f37115"/>
<use xlink:href="#b"/>
<use xlink:href="#h"/>
<use xlink:href="#f"/>
<use xlink:href="#d"/>
<path d="m83.316 50.395h-1.2188c-5.3438 0-9.6797-3.9453-9.6797-8.8047v-17.277c0-4.8633 4.3359-8.8047 9.6797-8.8047h1.2188c5.3477 0 9.6836 3.9414 9.6836 8.8047v17.277c0 4.8594-4.3359 8.8047-9.6836 8.8047" fill="#ee301f"/>
<path d="m77.609 41.059v-16.586h10.793v3.3906h-6.5859v2.9062h4.543v3.4141h-4.543v3.4883h6.7305v3.3867z" fill="#fff"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment