Skip to content

CSS

Section titled “Logo”
<div class="brand-logo__container">
  <a
    href="https://www.toyota.fr"
    aria-label="Toyota homepage"
    data-gt-action="click-logo"
    data-gt-label="https://www.toyota.fr"
    data-gt-name="navevent"
    data-gt-componentname="primary-navigation"
    data-gt-componentgroup="header"
    class="brand-logo__anchor justify-content-center align-items-center"
  >
    <svg
      width="32"
      height="32"
      viewBox="0 0 32 32"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      class="brand-logo__svg"
    >
      <path
        d="M16.6842 26.3337C16.2296 26.3337 15.7741 26.3337 15.3194 26.3337C15.2572 26.3266 15.1958 26.3177 15.1335 26.3132C14.5632 26.2733 13.9911 26.2467 13.4218 26.1926C12.0027 26.0568 10.6104 25.7781 9.2465 25.3664C7.23939 24.7602 5.36395 23.8879 3.69758 22.602C2.6531 21.7953 1.74919 20.8573 1.07481 19.7178C-0.069313 17.7841 -0.328209 15.7492 0.434244 13.6176C0.913781 12.2811 1.74029 11.1692 2.76431 10.1974C4.03744 8.9905 5.51608 8.09686 7.12195 7.40554C9.45113 6.40274 11.8951 5.8827 14.42 5.71764C15.6424 5.63777 16.8639 5.65374 18.0854 5.7558C19.4075 5.86673 20.7118 6.08238 21.9947 6.41871C23.9671 6.9352 25.831 7.70017 27.5294 8.83786C28.7714 9.66939 29.8585 10.6615 30.694 11.9102C31.3425 12.8792 31.7803 13.93 31.9342 15.0907C31.9582 15.2718 31.9778 15.4537 32 15.6356C32 15.8779 32 16.1202 32 16.3633C31.992 16.4095 31.9831 16.4547 31.9769 16.5009C31.9484 16.7298 31.9315 16.9597 31.8915 17.186C31.6744 18.4231 31.1415 19.5217 30.3888 20.5192C29.4564 21.7545 28.2829 22.72 26.9671 23.5205C25.3319 24.5153 23.5667 25.1933 21.7127 25.6521C20.291 26.0035 18.8479 26.2147 17.3853 26.2911C17.1522 26.3026 16.9182 26.3195 16.6842 26.3337ZM4.11751 10.9917C4.08815 11.0227 4.07303 11.0343 4.06235 11.0494C3.82481 11.3981 3.56146 11.7327 3.35506 12.0983C2.18157 14.1731 2.04634 16.311 3.02676 18.4941C3.63086 19.8385 4.57836 20.9176 5.72338 21.8317C7.11394 22.9419 8.68422 23.7122 10.3746 24.2491C11.6335 24.6484 12.9235 24.8951 14.2376 25.0176C14.3657 25.0291 14.4938 25.0353 14.6557 25.046C14.226 24.6768 13.9137 24.2624 13.6486 23.8116C13.1308 22.9312 12.7936 21.9799 12.5463 20.9957C12.1388 19.3753 11.9831 17.7264 12.0009 16.058C12.0018 16.0128 12.0009 15.9675 12.0009 15.9214C11.8426 15.8948 11.6993 15.8708 11.557 15.8459C10.2999 15.6294 9.06856 15.3179 7.88351 14.8423C6.9885 14.4837 6.13263 14.0533 5.3942 13.4259C4.64954 12.7949 4.09883 12.0539 4.11751 10.9917ZM17.3604 25.0407C17.42 25.0407 17.4582 25.0433 17.4956 25.0407C18.6228 24.951 19.7349 24.7735 20.8274 24.4825C22.7233 23.9775 24.4893 23.1983 26.057 22.0065C27.242 21.1058 28.2251 20.0302 28.8879 18.6875C29.5481 17.351 29.774 15.9444 29.5231 14.4722C29.3052 13.1961 28.7438 12.0735 27.9484 11.06C27.9333 11.0414 27.9128 11.0272 27.8968 11.0121C27.8799 11.1931 27.8746 11.3697 27.8443 11.5419C27.7438 12.1019 27.4555 12.5669 27.0774 12.9813C26.5747 13.5315 25.9671 13.9442 25.3132 14.292C23.9458 15.0189 22.4778 15.4519 20.9662 15.7519C20.6486 15.8149 20.3292 15.8681 20.0063 15.9258C20.0045 15.9631 20.0018 15.9933 20.0018 16.0243C20.016 17.0697 19.9564 18.1107 19.8132 19.1463C19.6646 20.2246 19.4342 21.2842 19.0543 22.3065C18.678 23.3208 18.2064 24.281 17.3604 25.0407ZM15.3746 7.126C15.2687 7.126 15.1878 7.12068 15.1086 7.12689C14.3123 7.19256 13.5143 7.24137 12.7207 7.33189C11.7038 7.44725 10.7056 7.66556 9.73315 7.98681C9.02497 8.2211 8.33903 8.50508 7.7296 8.94613C7.44223 9.15468 7.18423 9.39251 7.0054 9.70489C6.83458 10.0031 6.77853 10.3181 6.87462 10.6527C6.94401 10.8941 7.07658 11.0999 7.24384 11.2845C7.57746 11.6528 7.98761 11.9173 8.42622 12.14C9.31856 12.5935 10.2714 12.8713 11.2456 13.0807C11.5623 13.149 11.8808 13.204 12.2047 13.2662C12.2171 13.2129 12.2287 13.1757 12.234 13.1375C12.3408 12.4417 12.4858 11.7549 12.6869 11.0804C12.9582 10.1672 13.3034 9.28602 13.8363 8.48821C14.1629 7.99835 14.5472 7.56439 15.0712 7.2742C15.1637 7.22362 15.2589 7.18191 15.3746 7.126ZM19.7927 13.26C20.4813 13.1526 21.1477 13.0115 21.8016 12.8207C22.5926 12.5899 23.363 12.3086 24.0623 11.8614C24.3746 11.6617 24.6602 11.4318 24.8835 11.1328C25.2723 10.611 25.2723 10.0545 24.8844 9.53095C24.6593 9.22745 24.3692 8.9976 24.0543 8.79527C23.4831 8.42964 22.8612 8.17495 22.218 7.96906C20.42 7.39489 18.565 7.18013 16.6869 7.12156C16.6753 7.12156 16.6637 7.126 16.6273 7.1331C17.1362 7.33277 17.5205 7.6558 17.8399 8.05515C18.0178 8.277 18.186 8.5104 18.3319 8.75445C19.0125 9.89657 19.3862 11.1505 19.6451 12.4426C19.6984 12.7097 19.742 12.9795 19.7927 13.26ZM13.6015 16.1104C13.6015 16.1654 13.5997 16.2107 13.6015 16.2568C13.6353 17.1097 13.726 17.9545 13.92 18.7869C14.0828 19.4853 14.3008 20.1633 14.662 20.789C14.8248 21.0721 15.0169 21.3321 15.2732 21.5406C15.7411 21.9213 16.2723 21.9329 16.7251 21.5353C16.9306 21.3551 17.1104 21.1342 17.2634 20.9061C17.581 20.4322 17.7732 19.8971 17.9342 19.3531C18.186 18.5029 18.3141 17.6315 18.3755 16.7485C18.3906 16.539 18.3959 16.3296 18.4057 16.1095C16.7972 16.2462 15.2056 16.2462 13.6015 16.1104ZM13.7652 13.4508C15.2643 13.5812 16.7456 13.5821 18.2376 13.4499C18.2047 13.2715 18.1771 13.1064 18.1433 12.9423C17.9894 12.1977 17.7767 11.4727 17.4164 10.7982C17.2331 10.4548 17.0152 10.1353 16.7038 9.89125C16.25 9.53716 15.7563 9.53716 15.3025 9.88948C15.0445 10.0891 14.8506 10.3438 14.6878 10.6225C14.178 11.494 13.9387 12.4524 13.7652 13.4508Z"
        fill="black"
      ></path>
    </svg>
  </a>
</div>
Open in playground
Section titled “Brand Logo”
<svg
  width="120"
  height="22"
  viewBox="0 0 120 22"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  class="brand-logo__svg"
>
  <path
    d="M21.7199 1.04374L21.0648 2.03656C25.4743 3.86946 27.2381 7.17887 27.2381 10.7428C27.2381 12.5248 26.7593 14.1286 25.827 14.1286C22.7782 14.1286 16.2269 14.1286 14.2868 14.1286C12.7245 14.1286 12.2458 13.5686 12.9513 12.143C14.2112 9.62274 17.9907 4.81137 20.3341 1.90927C20.6868 1.4765 20.964 0.814623 19.7293 0.483682C18.4695 0.152742 16.4537 0 14.7403 0C6.0473 0.025457 0 4.76045 0 10.8956C0 16.5216 5.241 21.7912 14.7151 21.7912C18.8978 21.7912 24.038 20.5947 26.9357 17.2598H24.4412C21.5939 19.8564 17.9151 20.4419 14.7403 20.4419C7.10558 20.4419 2.26774 16.4197 2.26774 10.8956C2.26774 5.77873 7.73551 1.19648 14.6395 1.19648C15.471 1.19648 15.7482 1.37468 14.8663 2.46933C13.1025 4.68408 9.95285 9.08814 8.46622 11.6593C6.87881 14.4086 8.49142 16.6489 12.0694 16.6489C14.5891 16.6489 23.6349 16.6489 26.5325 16.6489C27.4144 16.6489 27.9436 16.1397 28.4475 15.1978C28.8759 14.4596 29.5058 12.9321 29.5058 10.8956C29.5058 6.7461 26.4318 2.92755 21.7199 1.04374Z"
    fill="currentColor"
  ></path>
  <path
    d="M116.324 9.7182C114.233 9.7182 109.446 9.7182 106.523 9.7182C106.851 8.44535 107.808 7.57981 109.647 7.57981C111.814 7.57981 119.02 7.57981 119.02 7.57981V5.44143C119.02 5.44143 114.132 5.44143 109.043 5.44143C103.348 5.44143 102.013 9.51454 102.013 11.8311C102.013 11.8311 112.091 11.8311 114.158 11.8311C115.821 11.8311 115.821 14.0968 114.208 14.0968C112.545 14.0968 100.803 14.0968 100.803 14.0968V5.44143H96.772V14.0968C96.772 14.0968 92.2871 14.0968 90.0698 14.0968C88.2808 14.0968 87.525 13.2313 87.525 11.882C87.525 10.2528 87.525 5.44143 87.525 5.44143H81.0495L75.2543 9.13269L70.2654 5.44143C64.6214 5.44143 64.6466 5.44143 55.9034 5.44143C51.746 5.44143 48.798 7.8853 48.4453 10.9656H51.1413C50.0579 11.6784 49.2264 12.8494 48.7476 14.1223C44.6154 14.1223 41.1887 14.1223 40.2564 14.1223C38.6439 14.1223 37.9132 13.2822 37.9132 11.7038C37.9132 10.6601 37.9132 5.44143 37.9132 5.44143H33.8565C33.8565 5.44143 33.8565 8.29261 33.8565 10.7619C33.8565 14.1477 35.6707 16.2606 39.8029 16.2606C43.28 16.2606 68.0985 16.2606 68.0985 16.2606L73.9189 12.5694L78.9078 16.2861H84.8793L77.0936 10.5328L83.4431 6.53608C83.4431 7.93621 83.4431 10.7619 83.4431 12.6203C83.4431 14.5041 85.862 16.3116 88.0541 16.3116C90.9013 16.3116 111.588 16.3116 116.324 16.3116C121.238 16.2861 121.213 9.7182 116.324 9.7182ZM67.3678 14.1477C67.3678 14.1477 60.5144 14.1477 53.6357 14.1477C53.7869 12.9767 54.3664 11.8311 56.2562 11.8311C59.6325 11.8311 64.7726 11.8311 64.7726 11.8311V9.7182H53.4342C53.6357 8.85266 54.5176 7.60527 56.5585 7.60527C59.9349 7.60527 65.5537 7.60527 65.5537 7.60527V6.43425L72.0291 11.1947L67.3678 14.1477Z"
    fill="currentColor"
  ></path>
  ;
</svg>
Open in playground