dapr logo
dapr from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- dapr
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the dapr logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.618 7.658h10.509a.246.246 0 0 1 .246.246v.656a.246.246 0 0 1-.246.246H7.617a.246.246 0 0 1-.246-.246v-.656a.246.246 0 0 1 .246-.246M9.65 3.182h6.533a.13.13 0 0 1 .133.132v4.52a.13.13 0 0 1-.133.133H9.65a.13.13 0 0 1-.132-.133v-4.52a.13.13 0 0 1 .132-.132m5.832 16.9l-1.05.736l-1.05-.736l.154-4.207h1.791zm-9.606-4.244h-1.78v-.559a1.8 1.8 0 0 1-.515.467Q3.124 16 2.545 16a2.46 2.46 0 0 1-1.671-.646Q0 14.584 0 13.315q0-1.291.895-2.062a2.43 2.43 0 0 1 1.633-.613q.537 0 1.01.228q.27.13.558.429V7.688h1.78ZM4.15 13.32a1.1 1.1 0 0 0-.336-.81A1.1 1.1 0 0 0 3 12.174q-.531 0-.873.402a1.12 1.12 0 0 0-.277.743q0 .418.277.744q.336.4.873.401q.483 0 .817-.33q.333-.332.334-.815m8.4 2.518h-1.78v-.559a1.8 1.8 0 0 1-.515.467Q9.8 16 9.22 16a2.46 2.46 0 0 1-1.671-.646q-.874-.77-.874-2.04q0-1.291.896-2.062a2.43 2.43 0 0 1 1.633-.613q.537 0 1.009.228q.27.13.559.428v-.493h1.78zm-1.725-2.518a1.1 1.1 0 0 0-.336-.81a1.1 1.1 0 0 0-.814-.335q-.532 0-.874.402a1.12 1.12 0 0 0-.277.743q0 .418.277.744q.336.4.874.401q.483 0 .816-.33q.334-.332.334-.815m8.6.006q0 1.29-.895 2.062a2.43 2.43 0 0 1-1.633.613q-.537 0-1.01-.228a2 2 0 0 1-.558-.429v3.012h-1.78v-7.553h1.78v.559q.24-.315.516-.467q.455-.255 1.036-.255q.94 0 1.67.646q.874.77.874 2.04m-1.85-.006q0-.428-.271-.743a1.1 1.1 0 0 0-.879-.402q-.483 0-.817.331t-.333.814q0 .479.336.812t.814.333q.538 0 .873-.401q.277-.325.277-.744M24 12.447a1.75 1.75 0 0 0-.76-.18q-.879 0-1.139.717q-.098.26-.098.7v2.154h-1.78v-5.035h1.78v.824q.282-.44.608-.634q.44-.26 1.042-.26a5 5 0 0 1 .347.015z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsDapr(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="M7.618 7.658h10.509a.246.246 0 0 1 .246.246v.656a.246.246 0 0 1-.246.246H7.617a.246.246 0 0 1-.246-.246v-.656a.246.246 0 0 1 .246-.246M9.65 3.182h6.533a.13.13 0 0 1 .133.132v4.52a.13.13 0 0 1-.133.133H9.65a.13.13 0 0 1-.132-.133v-4.52a.13.13 0 0 1 .132-.132m5.832 16.9l-1.05.736l-1.05-.736l.154-4.207h1.791zm-9.606-4.244h-1.78v-.559a1.8 1.8 0 0 1-.515.467Q3.124 16 2.545 16a2.46 2.46 0 0 1-1.671-.646Q0 14.584 0 13.315q0-1.291.895-2.062a2.43 2.43 0 0 1 1.633-.613q.537 0 1.01.228q.27.13.558.429V7.688h1.78ZM4.15 13.32a1.1 1.1 0 0 0-.336-.81A1.1 1.1 0 0 0 3 12.174q-.531 0-.873.402a1.12 1.12 0 0 0-.277.743q0 .418.277.744q.336.4.873.401q.483 0 .817-.33q.333-.332.334-.815m8.4 2.518h-1.78v-.559a1.8 1.8 0 0 1-.515.467Q9.8 16 9.22 16a2.46 2.46 0 0 1-1.671-.646q-.874-.77-.874-2.04q0-1.291.896-2.062a2.43 2.43 0 0 1 1.633-.613q.537 0 1.009.228q.27.13.559.428v-.493h1.78zm-1.725-2.518a1.1 1.1 0 0 0-.336-.81a1.1 1.1 0 0 0-.814-.335q-.532 0-.874.402a1.12 1.12 0 0 0-.277.743q0 .418.277.744q.336.4.874.401q.483 0 .816-.33q.334-.332.334-.815m8.6.006q0 1.29-.895 2.062a2.43 2.43 0 0 1-1.633.613q-.537 0-1.01-.228a2 2 0 0 1-.558-.429v3.012h-1.78v-7.553h1.78v.559q.24-.315.516-.467q.455-.255 1.036-.255q.94 0 1.67.646q.874.77.874 2.04m-1.85-.006q0-.428-.271-.743a1.1 1.1 0 0 0-.879-.402q-.483 0-.817.331t-.333.814q0 .479.336.812t.814.333q.538 0 .873-.401q.277-.325.277-.744M24 12.447a1.75 1.75 0 0 0-.76-.18q-.879 0-1.139.717q-.098.26-.098.7v2.154h-1.78v-5.035h1.78v.824q.282-.44.608-.634q.44-.26 1.042-.26a5 5 0 0 1 .347.015z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.618 7.658h10.509a.246.246 0 0 1 .246.246v.656a.246.246 0 0 1-.246.246H7.617a.246.246 0 0 1-.246-.246v-.656a.246.246 0 0 1 .246-.246M9.65 3.182h6.533a.13.13 0 0 1 .133.132v4.52a.13.13 0 0 1-.133.133H9.65a.13.13 0 0 1-.132-.133v-4.52a.13.13 0 0 1 .132-.132m5.832 16.9l-1.05.736l-1.05-.736l.154-4.207h1.791zm-9.606-4.244h-1.78v-.559a1.8 1.8 0 0 1-.515.467Q3.124 16 2.545 16a2.46 2.46 0 0 1-1.671-.646Q0 14.584 0 13.315q0-1.291.895-2.062a2.43 2.43 0 0 1 1.633-.613q.537 0 1.01.228q.27.13.558.429V7.688h1.78ZM4.15 13.32a1.1 1.1 0 0 0-.336-.81A1.1 1.1 0 0 0 3 12.174q-.531 0-.873.402a1.12 1.12 0 0 0-.277.743q0 .418.277.744q.336.4.873.401q.483 0 .817-.33q.333-.332.334-.815m8.4 2.518h-1.78v-.559a1.8 1.8 0 0 1-.515.467Q9.8 16 9.22 16a2.46 2.46 0 0 1-1.671-.646q-.874-.77-.874-2.04q0-1.291.896-2.062a2.43 2.43 0 0 1 1.633-.613q.537 0 1.009.228q.27.13.559.428v-.493h1.78zm-1.725-2.518a1.1 1.1 0 0 0-.336-.81a1.1 1.1 0 0 0-.814-.335q-.532 0-.874.402a1.12 1.12 0 0 0-.277.743q0 .418.277.744q.336.4.874.401q.483 0 .816-.33q.334-.332.334-.815m8.6.006q0 1.29-.895 2.062a2.43 2.43 0 0 1-1.633.613q-.537 0-1.01-.228a2 2 0 0 1-.558-.429v3.012h-1.78v-7.553h1.78v.559q.24-.315.516-.467q.455-.255 1.036-.255q.94 0 1.67.646q.874.77.874 2.04m-1.85-.006q0-.428-.271-.743a1.1 1.1 0 0 0-.879-.402q-.483 0-.817.331t-.333.814q0 .479.336.812t.814.333q.538 0 .873-.401q.277-.325.277-.744M24 12.447a1.75 1.75 0 0 0-.76-.18q-.879 0-1.139.717q-.098.26-.098.7v2.154h-1.78v-5.035h1.78v.824q.282-.44.608-.634q.44-.26 1.042-.26a5 5 0 0 1 .347.015z"/></svg> </template>
CSS
.icon-dapr {
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%22M7.618%207.658h10.509a.246.246%200%200%201%20.246.246v.656a.246.246%200%200%201-.246.246H7.617a.246.246%200%200%201-.246-.246v-.656a.246.246%200%200%201%20.246-.246M9.65%203.182h6.533a.13.13%200%200%201%20.133.132v4.52a.13.13%200%200%201-.133.133H9.65a.13.13%200%200%201-.132-.133v-4.52a.13.13%200%200%201%20.132-.132m5.832%2016.9l-1.05.736l-1.05-.736l.154-4.207h1.791zm-9.606-4.244h-1.78v-.559a1.8%201.8%200%200%201-.515.467Q3.124%2016%202.545%2016a2.46%202.46%200%200%201-1.671-.646Q0%2014.584%200%2013.315q0-1.291.895-2.062a2.43%202.43%200%200%201%201.633-.613q.537%200%201.01.228q.27.13.558.429V7.688h1.78ZM4.15%2013.32a1.1%201.1%200%200%200-.336-.81A1.1%201.1%200%200%200%203%2012.174q-.531%200-.873.402a1.12%201.12%200%200%200-.277.743q0%20.418.277.744q.336.4.873.401q.483%200%20.817-.33q.333-.332.334-.815m8.4%202.518h-1.78v-.559a1.8%201.8%200%200%201-.515.467Q9.8%2016%209.22%2016a2.46%202.46%200%200%201-1.671-.646q-.874-.77-.874-2.04q0-1.291.896-2.062a2.43%202.43%200%200%201%201.633-.613q.537%200%201.009.228q.27.13.559.428v-.493h1.78zm-1.725-2.518a1.1%201.1%200%200%200-.336-.81a1.1%201.1%200%200%200-.814-.335q-.532%200-.874.402a1.12%201.12%200%200%200-.277.743q0%20.418.277.744q.336.4.874.401q.483%200%20.816-.33q.334-.332.334-.815m8.6.006q0%201.29-.895%202.062a2.43%202.43%200%200%201-1.633.613q-.537%200-1.01-.228a2%202%200%200%201-.558-.429v3.012h-1.78v-7.553h1.78v.559q.24-.315.516-.467q.455-.255%201.036-.255q.94%200%201.67.646q.874.77.874%202.04m-1.85-.006q0-.428-.271-.743a1.1%201.1%200%200%200-.879-.402q-.483%200-.817.331t-.333.814q0%20.479.336.812t.814.333q.538%200%20.873-.401q.277-.325.277-.744M24%2012.447a1.75%201.75%200%200%200-.76-.18q-.879%200-1.139.717q-.098.26-.098.7v2.154h-1.78v-5.035h1.78v.824q.282-.44.608-.634q.44-.26%201.042-.26a5%205%200%200%201%20.347.015z%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%22M7.618%207.658h10.509a.246.246%200%200%201%20.246.246v.656a.246.246%200%200%201-.246.246H7.617a.246.246%200%200%201-.246-.246v-.656a.246.246%200%200%201%20.246-.246M9.65%203.182h6.533a.13.13%200%200%201%20.133.132v4.52a.13.13%200%200%201-.133.133H9.65a.13.13%200%200%201-.132-.133v-4.52a.13.13%200%200%201%20.132-.132m5.832%2016.9l-1.05.736l-1.05-.736l.154-4.207h1.791zm-9.606-4.244h-1.78v-.559a1.8%201.8%200%200%201-.515.467Q3.124%2016%202.545%2016a2.46%202.46%200%200%201-1.671-.646Q0%2014.584%200%2013.315q0-1.291.895-2.062a2.43%202.43%200%200%201%201.633-.613q.537%200%201.01.228q.27.13.558.429V7.688h1.78ZM4.15%2013.32a1.1%201.1%200%200%200-.336-.81A1.1%201.1%200%200%200%203%2012.174q-.531%200-.873.402a1.12%201.12%200%200%200-.277.743q0%20.418.277.744q.336.4.873.401q.483%200%20.817-.33q.333-.332.334-.815m8.4%202.518h-1.78v-.559a1.8%201.8%200%200%201-.515.467Q9.8%2016%209.22%2016a2.46%202.46%200%200%201-1.671-.646q-.874-.77-.874-2.04q0-1.291.896-2.062a2.43%202.43%200%200%201%201.633-.613q.537%200%201.009.228q.27.13.559.428v-.493h1.78zm-1.725-2.518a1.1%201.1%200%200%200-.336-.81a1.1%201.1%200%200%200-.814-.335q-.532%200-.874.402a1.12%201.12%200%200%200-.277.743q0%20.418.277.744q.336.4.874.401q.483%200%20.816-.33q.334-.332.334-.815m8.6.006q0%201.29-.895%202.062a2.43%202.43%200%200%201-1.633.613q-.537%200-1.01-.228a2%202%200%200%201-.558-.429v3.012h-1.78v-7.553h1.78v.559q.24-.315.516-.467q.455-.255%201.036-.255q.94%200%201.67.646q.874.77.874%202.04m-1.85-.006q0-.428-.271-.743a1.1%201.1%200%200%200-.879-.402q-.483%200-.817.331t-.333.814q0%20.479.336.812t.814.333q.538%200%20.873-.401q.277-.325.277-.744M24%2012.447a1.75%201.75%200%200%200-.76-.18q-.879%200-1.139.717q-.098.26-.098.7v2.154h-1.78v-5.035h1.78v.824q.282-.44.608-.634q.44-.26%201.042-.26a5%205%200%200%201%20.347.015z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/dapr.svg?color=%231a73e8&size=48
