dhl logo

dhl from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: dhl
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 640×512
License: CC BY 4.0

The same logo in other sets

dhlFont Awesome Brands dhlLine Awesome dhlSimple Icons

Use the dhl logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M238 301.2h58.7L319 271h-58.7zM0 282.9v6.4h81.8l4.7-6.4zM172.9 271c-8.7 0-6-3.6-4.6-5.5c2.8-3.8 7.6-10.4 10.4-14.1s2.8-5.9-2.8-5.9h-51l-41.1 55.8h100.1c33.1 0 51.5-22.5 57.2-30.3zm317.5-6.9l39.3-53.4h-62.2l-39.3 53.4zM95.3 271H0v6.4h90.6zm111-26.6c-2.8 3.8-7.5 10.4-10.3 14.2c-1.4 2-4.1 5.5 4.6 5.5h45.6s7.3-10 13.5-18.4c8.4-11.4.7-35-29.2-35H112.6l-20.4 27.8h111.4c5.6 0 5.5 2.2 2.7 5.9M0 301.2h73.1l4.7-6.4H0zm323 0h58.7L404 271h-58.7c-.1 0-22.3 30.2-22.3 30.2m222 .1h95v-6.4h-90.3zm22.3-30.3l-4.7 6.4H640V271zm-13.5 18.3H640v-6.4h-81.5zm-164.2-78.6l-22.5 30.6h-26.2l22.5-30.6h-58.7l-39.3 53.4H409l39.3-53.4zm33.5 60.3s-4.3 5.9-6.4 8.7c-7.4 10-.9 21.6 23.2 21.6h94.3l22.3-30.3z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsDhl(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M238 301.2h58.7L319 271h-58.7zM0 282.9v6.4h81.8l4.7-6.4zM172.9 271c-8.7 0-6-3.6-4.6-5.5c2.8-3.8 7.6-10.4 10.4-14.1s2.8-5.9-2.8-5.9h-51l-41.1 55.8h100.1c33.1 0 51.5-22.5 57.2-30.3zm317.5-6.9l39.3-53.4h-62.2l-39.3 53.4zM95.3 271H0v6.4h90.6zm111-26.6c-2.8 3.8-7.5 10.4-10.3 14.2c-1.4 2-4.1 5.5 4.6 5.5h45.6s7.3-10 13.5-18.4c8.4-11.4.7-35-29.2-35H112.6l-20.4 27.8h111.4c5.6 0 5.5 2.2 2.7 5.9M0 301.2h73.1l4.7-6.4H0zm323 0h58.7L404 271h-58.7c-.1 0-22.3 30.2-22.3 30.2m222 .1h95v-6.4h-90.3zm22.3-30.3l-4.7 6.4H640V271zm-13.5 18.3H640v-6.4h-81.5zm-164.2-78.6l-22.5 30.6h-26.2l22.5-30.6h-58.7l-39.3 53.4H409l39.3-53.4zm33.5 60.3s-4.3 5.9-6.4 8.7c-7.4 10-.9 21.6 23.2 21.6h94.3l22.3-30.3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M238 301.2h58.7L319 271h-58.7zM0 282.9v6.4h81.8l4.7-6.4zM172.9 271c-8.7 0-6-3.6-4.6-5.5c2.8-3.8 7.6-10.4 10.4-14.1s2.8-5.9-2.8-5.9h-51l-41.1 55.8h100.1c33.1 0 51.5-22.5 57.2-30.3zm317.5-6.9l39.3-53.4h-62.2l-39.3 53.4zM95.3 271H0v6.4h90.6zm111-26.6c-2.8 3.8-7.5 10.4-10.3 14.2c-1.4 2-4.1 5.5 4.6 5.5h45.6s7.3-10 13.5-18.4c8.4-11.4.7-35-29.2-35H112.6l-20.4 27.8h111.4c5.6 0 5.5 2.2 2.7 5.9M0 301.2h73.1l4.7-6.4H0zm323 0h58.7L404 271h-58.7c-.1 0-22.3 30.2-22.3 30.2m222 .1h95v-6.4h-90.3zm22.3-30.3l-4.7 6.4H640V271zm-13.5 18.3H640v-6.4h-81.5zm-164.2-78.6l-22.5 30.6h-26.2l22.5-30.6h-58.7l-39.3 53.4H409l39.3-53.4zm33.5 60.3s-4.3 5.9-6.4 8.7c-7.4 10-.9 21.6 23.2 21.6h94.3l22.3-30.3z"/></svg>
</template>

CSS

.icon-dhl {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M238%20301.2h58.7L319%20271h-58.7zM0%20282.9v6.4h81.8l4.7-6.4zM172.9%20271c-8.7%200-6-3.6-4.6-5.5c2.8-3.8%207.6-10.4%2010.4-14.1s2.8-5.9-2.8-5.9h-51l-41.1%2055.8h100.1c33.1%200%2051.5-22.5%2057.2-30.3zm317.5-6.9l39.3-53.4h-62.2l-39.3%2053.4zM95.3%20271H0v6.4h90.6zm111-26.6c-2.8%203.8-7.5%2010.4-10.3%2014.2c-1.4%202-4.1%205.5%204.6%205.5h45.6s7.3-10%2013.5-18.4c8.4-11.4.7-35-29.2-35H112.6l-20.4%2027.8h111.4c5.6%200%205.5%202.2%202.7%205.9M0%20301.2h73.1l4.7-6.4H0zm323%200h58.7L404%20271h-58.7c-.1%200-22.3%2030.2-22.3%2030.2m222%20.1h95v-6.4h-90.3zm22.3-30.3l-4.7%206.4H640V271zm-13.5%2018.3H640v-6.4h-81.5zm-164.2-78.6l-22.5%2030.6h-26.2l22.5-30.6h-58.7l-39.3%2053.4H409l39.3-53.4zm33.5%2060.3s-4.3%205.9-6.4%208.7c-7.4%2010-.9%2021.6%2023.2%2021.6h94.3l22.3-30.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M238%20301.2h58.7L319%20271h-58.7zM0%20282.9v6.4h81.8l4.7-6.4zM172.9%20271c-8.7%200-6-3.6-4.6-5.5c2.8-3.8%207.6-10.4%2010.4-14.1s2.8-5.9-2.8-5.9h-51l-41.1%2055.8h100.1c33.1%200%2051.5-22.5%2057.2-30.3zm317.5-6.9l39.3-53.4h-62.2l-39.3%2053.4zM95.3%20271H0v6.4h90.6zm111-26.6c-2.8%203.8-7.5%2010.4-10.3%2014.2c-1.4%202-4.1%205.5%204.6%205.5h45.6s7.3-10%2013.5-18.4c8.4-11.4.7-35-29.2-35H112.6l-20.4%2027.8h111.4c5.6%200%205.5%202.2%202.7%205.9M0%20301.2h73.1l4.7-6.4H0zm323%200h58.7L404%20271h-58.7c-.1%200-22.3%2030.2-22.3%2030.2m222%20.1h95v-6.4h-90.3zm22.3-30.3l-4.7%206.4H640V271zm-13.5%2018.3H640v-6.4h-81.5zm-164.2-78.6l-22.5%2030.6h-26.2l22.5-30.6h-58.7l-39.3%2053.4H409l39.3-53.4zm33.5%2060.3s-4.3%205.9-6.4%208.7c-7.4%2010-.9%2021.6%2023.2%2021.6h94.3l22.3-30.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/dhl.svg?color=%231a73e8&size=48