dpd logo
dpd from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- dpd
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the dpd logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.01 10.71a.36.36 0 0 1-.343-.006l-.558-.331a.43.43 0 0 1-.182-.312l-.014-.65a.36.36 0 0 1 .165-.3l6.7-3.902L12.377.085A.8.8 0 0 0 12 0a.8.8 0 0 0-.377.085l-9.4 5.124l10.53 6.13a.36.36 0 0 1 .172.295v8.944c0 .112-.08.241-.178.294l-.567.315c-.171.062-.256.043-.361 0l-.569-.315a.36.36 0 0 1-.175-.294v-7.973a.22.22 0 0 0-.095-.156L1.702 7.048v10.579c0 .236.167.528.371.648l9.556 5.636c.102.06.237.09.371.089a.75.75 0 0 0 .371-.09l9.557-5.635a.84.84 0 0 0 .37-.648V7.047Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsDpd(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.01 10.71a.36.36 0 0 1-.343-.006l-.558-.331a.43.43 0 0 1-.182-.312l-.014-.65a.36.36 0 0 1 .165-.3l6.7-3.902L12.377.085A.8.8 0 0 0 12 0a.8.8 0 0 0-.377.085l-9.4 5.124l10.53 6.13a.36.36 0 0 1 .172.295v8.944c0 .112-.08.241-.178.294l-.567.315c-.171.062-.256.043-.361 0l-.569-.315a.36.36 0 0 1-.175-.294v-7.973a.22.22 0 0 0-.095-.156L1.702 7.048v10.579c0 .236.167.528.371.648l9.556 5.636c.102.06.237.09.371.089a.75.75 0 0 0 .371-.09l9.557-5.635a.84.84 0 0 0 .37-.648V7.047Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.01 10.71a.36.36 0 0 1-.343-.006l-.558-.331a.43.43 0 0 1-.182-.312l-.014-.65a.36.36 0 0 1 .165-.3l6.7-3.902L12.377.085A.8.8 0 0 0 12 0a.8.8 0 0 0-.377.085l-9.4 5.124l10.53 6.13a.36.36 0 0 1 .172.295v8.944c0 .112-.08.241-.178.294l-.567.315c-.171.062-.256.043-.361 0l-.569-.315a.36.36 0 0 1-.175-.294v-7.973a.22.22 0 0 0-.095-.156L1.702 7.048v10.579c0 .236.167.528.371.648l9.556 5.636c.102.06.237.09.371.089a.75.75 0 0 0 .371-.09l9.557-5.635a.84.84 0 0 0 .37-.648V7.047Z"/></svg> </template>
CSS
.icon-dpd {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.01%2010.71a.36.36%200%200%201-.343-.006l-.558-.331a.43.43%200%200%201-.182-.312l-.014-.65a.36.36%200%200%201%20.165-.3l6.7-3.902L12.377.085A.8.8%200%200%200%2012%200a.8.8%200%200%200-.377.085l-9.4%205.124l10.53%206.13a.36.36%200%200%201%20.172.295v8.944c0%20.112-.08.241-.178.294l-.567.315c-.171.062-.256.043-.361%200l-.569-.315a.36.36%200%200%201-.175-.294v-7.973a.22.22%200%200%200-.095-.156L1.702%207.048v10.579c0%20.236.167.528.371.648l9.556%205.636c.102.06.237.09.371.089a.75.75%200%200%200%20.371-.09l9.557-5.635a.84.84%200%200%200%20.37-.648V7.047Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.01%2010.71a.36.36%200%200%201-.343-.006l-.558-.331a.43.43%200%200%201-.182-.312l-.014-.65a.36.36%200%200%201%20.165-.3l6.7-3.902L12.377.085A.8.8%200%200%200%2012%200a.8.8%200%200%200-.377.085l-9.4%205.124l10.53%206.13a.36.36%200%200%201%20.172.295v8.944c0%20.112-.08.241-.178.294l-.567.315c-.171.062-.256.043-.361%200l-.569-.315a.36.36%200%200%201-.175-.294v-7.973a.22.22%200%200%200-.095-.156L1.702%207.048v10.579c0%20.236.167.528.371.648l9.556%205.636c.102.06.237.09.371.089a.75.75%200%200%200%20.371-.09l9.557-5.635a.84.84%200%200%200%20.37-.648V7.047Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/dpd.svg?color=%231a73e8&size=48
