zapier icon logo
zapier-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- zapier-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the zapier icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#FF4A00" d="M128.08 0c7.231.013 14.343.624 21.256 1.78V76.3l52.831-52.696a128.425 128.425 0 0 1 16.34 13.789a128.468 128.468 0 0 1 13.84 16.312L179.513 106.4h74.715A127.58 127.58 0 0 1 256 127.587v.173c0 7.226-.613 14.306-1.772 21.2H179.5l52.847 52.682a129.615 129.615 0 0 1-13.824 16.312h-.015a128.254 128.254 0 0 1-16.326 13.789l-52.846-52.696v74.52a130.321 130.321 0 0 1-21.243 1.781h-.186a130.26 130.26 0 0 1-21.23-1.78v-74.52l-52.831 52.695a128.401 128.401 0 0 1-30.18-30.1L76.5 148.96H1.785A126.984 126.984 0 0 1 0 127.72v-.371c.012-1.875.135-4.166.311-6.536l.055-.713c.522-6.671 1.419-13.7 1.419-13.7H76.5L23.666 53.705a126.265 126.265 0 0 1 13.81-16.286l.026-.026a127.746 127.746 0 0 1 16.344-13.789L106.677 76.3V1.78A130.278 130.278 0 0 1 127.933 0h.147Zm-.013 95.76h-.122a76.718 76.718 0 0 0-27.034 4.902a76.662 76.662 0 0 0-4.915 26.952v.12a76.383 76.383 0 0 0 4.927 26.951a76.608 76.608 0 0 0 27.022 4.902h.122c9.51 0 18.617-1.74 27.022-4.902a76.146 76.146 0 0 0 4.915-26.952v-.12c0-9.484-1.747-18.57-4.915-26.951a76.614 76.614 0 0 0-27.022-4.902Z"/></svg>
React
import type { SVGProps } from "react";
export function LogosZapierIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#FF4A00" d="M128.08 0c7.231.013 14.343.624 21.256 1.78V76.3l52.831-52.696a128.425 128.425 0 0 1 16.34 13.789a128.468 128.468 0 0 1 13.84 16.312L179.513 106.4h74.715A127.58 127.58 0 0 1 256 127.587v.173c0 7.226-.613 14.306-1.772 21.2H179.5l52.847 52.682a129.615 129.615 0 0 1-13.824 16.312h-.015a128.254 128.254 0 0 1-16.326 13.789l-52.846-52.696v74.52a130.321 130.321 0 0 1-21.243 1.781h-.186a130.26 130.26 0 0 1-21.23-1.78v-74.52l-52.831 52.695a128.401 128.401 0 0 1-30.18-30.1L76.5 148.96H1.785A126.984 126.984 0 0 1 0 127.72v-.371c.012-1.875.135-4.166.311-6.536l.055-.713c.522-6.671 1.419-13.7 1.419-13.7H76.5L23.666 53.705a126.265 126.265 0 0 1 13.81-16.286l.026-.026a127.746 127.746 0 0 1 16.344-13.789L106.677 76.3V1.78A130.278 130.278 0 0 1 127.933 0h.147Zm-.013 95.76h-.122a76.718 76.718 0 0 0-27.034 4.902a76.662 76.662 0 0 0-4.915 26.952v.12a76.383 76.383 0 0 0 4.927 26.951a76.608 76.608 0 0 0 27.022 4.902h.122c9.51 0 18.617-1.74 27.022-4.902a76.146 76.146 0 0 0 4.915-26.952v-.12c0-9.484-1.747-18.57-4.915-26.951a76.614 76.614 0 0 0-27.022-4.902Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#FF4A00" d="M128.08 0c7.231.013 14.343.624 21.256 1.78V76.3l52.831-52.696a128.425 128.425 0 0 1 16.34 13.789a128.468 128.468 0 0 1 13.84 16.312L179.513 106.4h74.715A127.58 127.58 0 0 1 256 127.587v.173c0 7.226-.613 14.306-1.772 21.2H179.5l52.847 52.682a129.615 129.615 0 0 1-13.824 16.312h-.015a128.254 128.254 0 0 1-16.326 13.789l-52.846-52.696v74.52a130.321 130.321 0 0 1-21.243 1.781h-.186a130.26 130.26 0 0 1-21.23-1.78v-74.52l-52.831 52.695a128.401 128.401 0 0 1-30.18-30.1L76.5 148.96H1.785A126.984 126.984 0 0 1 0 127.72v-.371c.012-1.875.135-4.166.311-6.536l.055-.713c.522-6.671 1.419-13.7 1.419-13.7H76.5L23.666 53.705a126.265 126.265 0 0 1 13.81-16.286l.026-.026a127.746 127.746 0 0 1 16.344-13.789L106.677 76.3V1.78A130.278 130.278 0 0 1 127.933 0h.147Zm-.013 95.76h-.122a76.718 76.718 0 0 0-27.034 4.902a76.662 76.662 0 0 0-4.915 26.952v.12a76.383 76.383 0 0 0 4.927 26.951a76.608 76.608 0 0 0 27.022 4.902h.122c9.51 0 18.617-1.74 27.022-4.902a76.146 76.146 0 0 0 4.915-26.952v-.12c0-9.484-1.747-18.57-4.915-26.951a76.614 76.614 0 0 0-27.022-4.902Z"/></svg> </template>
CSS
.icon-zapier-icon {
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%20256%20256%22%3E%3Cpath%20fill%3D%22%23FF4A00%22%20d%3D%22M128.08%200c7.231.013%2014.343.624%2021.256%201.78V76.3l52.831-52.696a128.425%20128.425%200%200%201%2016.34%2013.789a128.468%20128.468%200%200%201%2013.84%2016.312L179.513%20106.4h74.715A127.58%20127.58%200%200%201%20256%20127.587v.173c0%207.226-.613%2014.306-1.772%2021.2H179.5l52.847%2052.682a129.615%20129.615%200%200%201-13.824%2016.312h-.015a128.254%20128.254%200%200%201-16.326%2013.789l-52.846-52.696v74.52a130.321%20130.321%200%200%201-21.243%201.781h-.186a130.26%20130.26%200%200%201-21.23-1.78v-74.52l-52.831%2052.695a128.401%20128.401%200%200%201-30.18-30.1L76.5%20148.96H1.785A126.984%20126.984%200%200%201%200%20127.72v-.371c.012-1.875.135-4.166.311-6.536l.055-.713c.522-6.671%201.419-13.7%201.419-13.7H76.5L23.666%2053.705a126.265%20126.265%200%200%201%2013.81-16.286l.026-.026a127.746%20127.746%200%200%201%2016.344-13.789L106.677%2076.3V1.78A130.278%20130.278%200%200%201%20127.933%200h.147Zm-.013%2095.76h-.122a76.718%2076.718%200%200%200-27.034%204.902a76.662%2076.662%200%200%200-4.915%2026.952v.12a76.383%2076.383%200%200%200%204.927%2026.951a76.608%2076.608%200%200%200%2027.022%204.902h.122c9.51%200%2018.617-1.74%2027.022-4.902a76.146%2076.146%200%200%200%204.915-26.952v-.12c0-9.484-1.747-18.57-4.915-26.951a76.614%2076.614%200%200%200-27.022-4.902Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22%23FF4A00%22%20d%3D%22M128.08%200c7.231.013%2014.343.624%2021.256%201.78V76.3l52.831-52.696a128.425%20128.425%200%200%201%2016.34%2013.789a128.468%20128.468%200%200%201%2013.84%2016.312L179.513%20106.4h74.715A127.58%20127.58%200%200%201%20256%20127.587v.173c0%207.226-.613%2014.306-1.772%2021.2H179.5l52.847%2052.682a129.615%20129.615%200%200%201-13.824%2016.312h-.015a128.254%20128.254%200%200%201-16.326%2013.789l-52.846-52.696v74.52a130.321%20130.321%200%200%201-21.243%201.781h-.186a130.26%20130.26%200%200%201-21.23-1.78v-74.52l-52.831%2052.695a128.401%20128.401%200%200%201-30.18-30.1L76.5%20148.96H1.785A126.984%20126.984%200%200%201%200%20127.72v-.371c.012-1.875.135-4.166.311-6.536l.055-.713c.522-6.671%201.419-13.7%201.419-13.7H76.5L23.666%2053.705a126.265%20126.265%200%200%201%2013.81-16.286l.026-.026a127.746%20127.746%200%200%201%2016.344-13.789L106.677%2076.3V1.78A130.278%20130.278%200%200%201%20127.933%200h.147Zm-.013%2095.76h-.122a76.718%2076.718%200%200%200-27.034%204.902a76.662%2076.662%200%200%200-4.915%2026.952v.12a76.383%2076.383%200%200%200%204.927%2026.951a76.608%2076.608%200%200%200%2027.022%204.902h.122c9.51%200%2018.617-1.74%2027.022-4.902a76.146%2076.146%200%200%200%204.915-26.952v-.12c0-9.484-1.747-18.57-4.915-26.951a76.614%2076.614%200%200%200-27.022-4.902Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/zapier-icon.svg?color=%231a73e8&size=48
