zapier logo
zapier from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- zapier
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the zapier logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20 16.005a9.6 9.6 0 0 1-.615 3.38a9.6 9.6 0 0 1-3.38.615h-.011a9.6 9.6 0 0 1-3.38-.615a9.6 9.6 0 0 1-.615-3.38v-.011c0-1.192.219-2.328.615-3.38a9.6 9.6 0 0 1 3.38-.615h.011c1.192 0 2.333.219 3.38.615a9.6 9.6 0 0 1 .615 3.38zm11.781-2.672h-9.344l6.599-6.604a16 16 0 0 0-1.724-2.041a16 16 0 0 0-2.041-1.729l-6.604 6.599V.219A17 17 0 0 0 16.006 0h-.016c-.907 0-1.792.083-2.656.219v9.344L6.735 2.964a15 15 0 0 0-2.047 1.724a15.5 15.5 0 0 0-1.729 2.041l6.599 6.604H.219S0 15.088 0 15.994v.011c0 .907.083 1.797.219 2.661h9.344l-6.599 6.599a15.8 15.8 0 0 0 3.765 3.776l6.604-6.599v9.339c.864.14 1.749.219 2.656.219h.021c.907 0 1.792-.079 2.656-.219v-9.339l6.599 6.599c.735-.5 1.417-1.083 2.041-1.719h.005a14.7 14.7 0 0 0 1.729-2.041l-6.599-6.599h9.339c.14-.86.219-1.74.219-2.641V16c0-.907-.079-1.792-.219-2.651z"/></svg>
React
import type { SVGProps } from "react";
export function CibZapier(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20 16.005a9.6 9.6 0 0 1-.615 3.38a9.6 9.6 0 0 1-3.38.615h-.011a9.6 9.6 0 0 1-3.38-.615a9.6 9.6 0 0 1-.615-3.38v-.011c0-1.192.219-2.328.615-3.38a9.6 9.6 0 0 1 3.38-.615h.011c1.192 0 2.333.219 3.38.615a9.6 9.6 0 0 1 .615 3.38zm11.781-2.672h-9.344l6.599-6.604a16 16 0 0 0-1.724-2.041a16 16 0 0 0-2.041-1.729l-6.604 6.599V.219A17 17 0 0 0 16.006 0h-.016c-.907 0-1.792.083-2.656.219v9.344L6.735 2.964a15 15 0 0 0-2.047 1.724a15.5 15.5 0 0 0-1.729 2.041l6.599 6.604H.219S0 15.088 0 15.994v.011c0 .907.083 1.797.219 2.661h9.344l-6.599 6.599a15.8 15.8 0 0 0 3.765 3.776l6.604-6.599v9.339c.864.14 1.749.219 2.656.219h.021c.907 0 1.792-.079 2.656-.219v-9.339l6.599 6.599c.735-.5 1.417-1.083 2.041-1.719h.005a14.7 14.7 0 0 0 1.729-2.041l-6.599-6.599h9.339c.14-.86.219-1.74.219-2.641V16c0-.907-.079-1.792-.219-2.651z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20 16.005a9.6 9.6 0 0 1-.615 3.38a9.6 9.6 0 0 1-3.38.615h-.011a9.6 9.6 0 0 1-3.38-.615a9.6 9.6 0 0 1-.615-3.38v-.011c0-1.192.219-2.328.615-3.38a9.6 9.6 0 0 1 3.38-.615h.011c1.192 0 2.333.219 3.38.615a9.6 9.6 0 0 1 .615 3.38zm11.781-2.672h-9.344l6.599-6.604a16 16 0 0 0-1.724-2.041a16 16 0 0 0-2.041-1.729l-6.604 6.599V.219A17 17 0 0 0 16.006 0h-.016c-.907 0-1.792.083-2.656.219v9.344L6.735 2.964a15 15 0 0 0-2.047 1.724a15.5 15.5 0 0 0-1.729 2.041l6.599 6.604H.219S0 15.088 0 15.994v.011c0 .907.083 1.797.219 2.661h9.344l-6.599 6.599a15.8 15.8 0 0 0 3.765 3.776l6.604-6.599v9.339c.864.14 1.749.219 2.656.219h.021c.907 0 1.792-.079 2.656-.219v-9.339l6.599 6.599c.735-.5 1.417-1.083 2.041-1.719h.005a14.7 14.7 0 0 0 1.729-2.041l-6.599-6.599h9.339c.14-.86.219-1.74.219-2.641V16c0-.907-.079-1.792-.219-2.651z"/></svg> </template>
CSS
.icon-zapier {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2016.005a9.6%209.6%200%200%201-.615%203.38a9.6%209.6%200%200%201-3.38.615h-.011a9.6%209.6%200%200%201-3.38-.615a9.6%209.6%200%200%201-.615-3.38v-.011c0-1.192.219-2.328.615-3.38a9.6%209.6%200%200%201%203.38-.615h.011c1.192%200%202.333.219%203.38.615a9.6%209.6%200%200%201%20.615%203.38zm11.781-2.672h-9.344l6.599-6.604a16%2016%200%200%200-1.724-2.041a16%2016%200%200%200-2.041-1.729l-6.604%206.599V.219A17%2017%200%200%200%2016.006%200h-.016c-.907%200-1.792.083-2.656.219v9.344L6.735%202.964a15%2015%200%200%200-2.047%201.724a15.5%2015.5%200%200%200-1.729%202.041l6.599%206.604H.219S0%2015.088%200%2015.994v.011c0%20.907.083%201.797.219%202.661h9.344l-6.599%206.599a15.8%2015.8%200%200%200%203.765%203.776l6.604-6.599v9.339c.864.14%201.749.219%202.656.219h.021c.907%200%201.792-.079%202.656-.219v-9.339l6.599%206.599c.735-.5%201.417-1.083%202.041-1.719h.005a14.7%2014.7%200%200%200%201.729-2.041l-6.599-6.599h9.339c.14-.86.219-1.74.219-2.641V16c0-.907-.079-1.792-.219-2.651z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2016.005a9.6%209.6%200%200%201-.615%203.38a9.6%209.6%200%200%201-3.38.615h-.011a9.6%209.6%200%200%201-3.38-.615a9.6%209.6%200%200%201-.615-3.38v-.011c0-1.192.219-2.328.615-3.38a9.6%209.6%200%200%201%203.38-.615h.011c1.192%200%202.333.219%203.38.615a9.6%209.6%200%200%201%20.615%203.38zm11.781-2.672h-9.344l6.599-6.604a16%2016%200%200%200-1.724-2.041a16%2016%200%200%200-2.041-1.729l-6.604%206.599V.219A17%2017%200%200%200%2016.006%200h-.016c-.907%200-1.792.083-2.656.219v9.344L6.735%202.964a15%2015%200%200%200-2.047%201.724a15.5%2015.5%200%200%200-1.729%202.041l6.599%206.604H.219S0%2015.088%200%2015.994v.011c0%20.907.083%201.797.219%202.661h9.344l-6.599%206.599a15.8%2015.8%200%200%200%203.765%203.776l6.604-6.599v9.339c.864.14%201.749.219%202.656.219h.021c.907%200%201.792-.079%202.656-.219v-9.339l6.599%206.599c.735-.5%201.417-1.083%202.041-1.719h.005a14.7%2014.7%200%200%200%201.729-2.041l-6.599-6.599h9.339c.14-.86.219-1.74.219-2.641V16c0-.907-.079-1.792-.219-2.651z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/zapier.svg?color=%231a73e8&size=48
