Skip to content

Commit

Permalink
add new svg govuk logo
Browse files Browse the repository at this point in the history
  • Loading branch information
Charlotte Downs committed Sep 21, 2020
1 parent 1c483ee commit 7863145
Showing 1 changed file with 11 additions and 8 deletions.
19 changes: 11 additions & 8 deletions src/govuk/components/header/template.njk
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,14 +21,16 @@
focusable="false"
class="govuk-header__logotype-crown"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 132 97"
height="30"
width="36"
viewBox="0 0 1234.2 200.4"
height="26"
width="152"
>
<path
fill="currentColor" fill-rule="evenodd"
d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"
></path>
<g id="GOV.UK">
<path id="GOV.UK-2" data-name="GOV.UK" fill="currentColor" d="M1189,29.3l-59.5,72.1V29.3h-33.7V195.8h33.7V145.2l21.5-24.1,44,74.7h39.2L1172.6,95.5l57.9-66.2ZM981.5,165.6a30.2,30.2,0,0,1-10.9-6.5,31.2,31.2,0,0,1-7.3-11,42.7,42.7,0,0,1-2.7-15.8V29H927.3V137.3a62.6,62.6,0,0,0,5,25.2,55.6,55.6,0,0,0,14.1,19.2,65.5,65.5,0,0,0,21.5,12.2,88.4,88.4,0,0,0,54.3,0,65,65,0,0,0,21.4-12.2,55.3,55.3,0,0,0,14-19.2,61,61,0,0,0,5-25.2V29h-33.1V132.3a42.2,42.2,0,0,1-2.7,15.7,30,30,0,0,1-7.2,11,28.7,28.7,0,0,1-11,6.5,43.6,43.6,0,0,1-27.2,0M859.8,185.3a21.9,21.9,0,0,0,4.5,6.7,21.6,21.6,0,0,0,15,6.2,21.1,21.1,0,0,0,8.2-1.7,20.3,20.3,0,0,0,6.7-4.5,20.6,20.6,0,0,0,4.6-6.7,21.6,21.6,0,0,0,1.7-8.3,20.6,20.6,0,0,0-1.7-8.1,21.3,21.3,0,0,0-4.6-6.6,21.9,21.9,0,0,0-6.7-4.5,20.6,20.6,0,0,0-16.4,0,22.1,22.1,0,0,0-6.8,4.6,21.8,21.8,0,0,0-4.6,6.6,20.2,20.2,0,0,0-1.7,8,21.2,21.2,0,0,0,1.7,8.3m-53.4,10.5,47-166.5H816L784.6,154.5h-1.2L751.2,29.3H713.5l47,166.5ZM601.8,163.6a40.8,40.8,0,0,1-14-11.5,49.9,49.9,0,0,1-8.5-17.3,76.4,76.4,0,0,1-2.9-21.8v-.9a76.4,76.4,0,0,1,2.9-21.8,51.3,51.3,0,0,1,8.5-17.4,41.7,41.7,0,0,1,14-11.4,47,47,0,0,1,38.5,0,39.8,39.8,0,0,1,14,11.4,49.7,49.7,0,0,1,8.6,17.4,76.4,76.4,0,0,1,2.9,21.8v.9a76.4,76.4,0,0,1-2.9,21.8,48.5,48.5,0,0,1-8.6,17.3,39,39,0,0,1-14,11.5,47,47,0,0,1-38.5,0m-14.1-130a72.6,72.6,0,0,0-25,18.2A79.7,79.7,0,0,0,547,79a106.9,106.9,0,0,0,0,67.1,80.6,80.6,0,0,0,15.7,27.2,71.7,71.7,0,0,0,25,18.2c9.8,4.4,20.9,6.6,33.4,6.6s23.6-2.2,33.3-6.6a71.7,71.7,0,0,0,25-18.2,80.9,80.9,0,0,0,15.8-27.2,106.6,106.6,0,0,0,0-67,78.7,78.7,0,0,0-15.7-27.2,75.2,75.2,0,0,0-25-18.3c-9.9-4.4-21-6.6-33.4-6.6s-23.5,2.2-33.3,6.6M403.9,111.8a79,79,0,0,1,2.7-20.5,53.2,53.2,0,0,1,8.1-17.4,41.1,41.1,0,0,1,14-12.2c5.6-3,12.3-4.6,20.2-4.6A46.7,46.7,0,0,1,462.3,59a38.5,38.5,0,0,1,19,13.2,63.8,63.8,0,0,1,6.3,9.9l29.5-16.6a64.2,64.2,0,0,0-10.9-15.9,70.1,70.1,0,0,0-15.5-12.2,79.3,79.3,0,0,0-19.4-7.7,89.5,89.5,0,0,0-22.5-2.8,79.4,79.4,0,0,0-32.9,6.7,76.7,76.7,0,0,0-25.1,18.2,83.1,83.1,0,0,0-16,27.2,98.2,98.2,0,0,0-5.6,33.5,109,109,0,0,0,5,33.6,80.8,80.8,0,0,0,14.7,27.2,67.7,67.7,0,0,0,23.9,18.2c9.5,4.4,20.3,6.6,32.5,6.6a60.2,60.2,0,0,0,14.7-1.6,56.4,56.4,0,0,0,12.7-4.5,48.4,48.4,0,0,0,10.5-6.8,44.1,44.1,0,0,0,7.8-8.9v19.5h29.5V104.5H445v25.7h42.7v1.6a44.6,44.6,0,0,1-1.8,11.6,32.4,32.4,0,0,1-6.3,11.7,33,33,0,0,1-12,9c-5,2.4-11.3,3.6-18.8,3.6s-14.5-1.5-20.2-4.6A39.5,39.5,0,0,1,414.7,151a53.5,53.5,0,0,1-8.2-17.4,75.1,75.1,0,0,1-2.6-20.6Z"/>
</g>
<g id="Crown">
<path id="Crown-2" data-name="Crown" fill="currentColor" d="M51.8,63.1a14.5,14.5,0,0,0,19.1-7.8A14.6,14.6,0,1,0,44,44h-.1a14.6,14.6,0,0,0,7.9,19M18.6,82.5A14.6,14.6,0,1,0,30,55.6a14.7,14.7,0,0,0-19.2,7.8h0a14.7,14.7,0,0,0,7.8,19M9,119.3a14.5,14.5,0,0,0,19.1-7.8A14.6,14.6,0,1,0,1.2,100.2H1.1a14.6,14.6,0,0,0,7.9,19M88.7,74.8A14.7,14.7,0,0,0,107.9,67a14.6,14.6,0,0,0-27-11.3h0a14.5,14.5,0,0,0,7.8,19M222.6,63.1a14.5,14.5,0,0,1-19.1-7.8A14.6,14.6,0,0,1,230.4,44h.1a14.6,14.6,0,0,1-7.9,19m33.1,19.4a14.5,14.5,0,0,1-19.1-7.8,14.6,14.6,0,0,1,27-11.3h0a14.6,14.6,0,0,1-7.9,19m9.7,36.8a14.5,14.5,0,0,1-19.1-7.8,14.6,14.6,0,0,1,26.9-11.3h.1a14.6,14.6,0,0,1-7.9,19M185.7,74.8a14.6,14.6,0,1,1-11.4-26.9,14.6,14.6,0,0,1,19.2,7.8h0a14.7,14.7,0,0,1-7.8,19M144.9,37h0l18.5,9.7V19.5l-18.5,5.8h0a15.3,15.3,0,0,0-1.8-1.8H143L150.5,0H123.8l7.5,23.4h0a15.3,15.3,0,0,0-1.8,1.8h-.1l-18.5-5.8V46.7L129.4,37h0a17,17,0,0,0,1.9,1.9l-10.6,32h0a17.3,17.3,0,0,0,11.5,21.5,11.4,11.4,0,0,0,2.5.6h.4a15.5,15.5,0,0,0,4.3,0h.4a17.2,17.2,0,0,0,14.7-17,17.9,17.9,0,0,0-.7-5.1h0l-10.7-32a7.2,7.2,0,0,0,2-1.9m-7.9,156.8a698.1,698.1,0,0,1,97.9,6.6c8.4-35.3,18.6-55.6,29.2-70l-19.9-7.1c2,10.1,2.3,14.8.1,21.3-3.3-3.2-6.4-9.1-8.8-18.1L226,158.6c5.9-4,10.4-6.7,15.6-6.8-9.2,19.8-20.6,24.9-28.1,23.5a14.2,14.2,0,0,1-11.8-16.6c2.1-9.7,12.1-12.3,16.7-1,8.9-18.1-6.2-23.8-15.9-18.4,14.9-14.9,16.6-28.1,4.6-44.2-16.8,12.9-17,25.6-9.5,43.5-9.8-11.2-25-5.2-19.5,12.9,7.1-10.9,16.4-4.1,15,6.3s-13.2,16.4-28.1,15.1c-21.4-1.9-22.6-16.6-23.2-28.8,5.3-1,14.7,3.9,22.8,15.2l3-34c-8.8,9.1-16.8,10.8-25.6,11.1,2.9-9.2,16.5-24.2,16.5-24.2H116s13.5,15,16.4,24.2c-8.8-.3-16.8-2-25.5-11.1l3,34c8-11.3,17.5-16.2,22.7-15.2-.5,12.2-1.8,26.9-23.1,28.8-14.9,1.3-26.9-6-28.1-15.1s7.8-17.2,15-6.3c5.5-18.1-9.8-24.1-19.6-12.9,7.6-17.9,7.4-30.6-9.4-43.5-12.1,16-10.4,29.3,4.6,44.2-9.8-5.4-24.9.3-16,18.4,4.7-11.3,14.7-8.7,16.7,1,1.4,6.8-2.7,14.9-11.8,16.6-7.4,1.4-18.9-3.7-28-23.5,5.2.1,9.7,2.7,15.6,6.8l-9.7-32.1c-2.4,9-5.5,14.9-8.8,18.1-2.2-6.5-1.9-11.2.1-21.3l-19.9,7.1c10.6,14.4,20.8,34.7,29.2,70a697.1,697.1,0,0,1,97.9-6.6"/>
</g>
{#- Fallback PNG image for older browsers.
The <image> element is a valid SVG element. In SVG, you would specify
Expand All @@ -41,9 +43,10 @@
interpreted as such, displaying the fallback image. #}
<image src="{{ params.assetsPath | default('/assets/images') }}/govuk-logotype-crown.png" xlink:href="" class="govuk-header__logotype-crown-fallback-image" width="36" height="32"></image>
</svg>
<!--
<span class="govuk-header__logotype-text">
GOV.UK
</span>
</span>-->
</span>
{% if (params.productName) %}
<span class="govuk-header__product-name">
Expand Down

0 comments on commit 7863145

Please sign in to comment.