zeplin logo

zeplin from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
zeplin
Set
SVG Logos
Style
Color
Viewbox
256×205
License
CC0

Use the zeplin logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 205"><path fill="#fdbd39" d="m39.458 141.089l-13.392 4.892l-.72 39.841l46.36-16.936c-15.9-5.34-27.512-14.738-32.248-27.797"/><path fill="#f69833" d="M46.467 98.95L0 115.925l26.066 30.056l13.392-4.892c-4.722-13.021-1.81-27.74 7.009-42.139"/><path fill="#fecf33" d="M124.662 41.462c-59.171 21.616-97.318 66.22-85.204 99.627L253.735 62.81c-12.114-33.407-69.902-42.965-129.073-21.35"/><path fill="#ee6723" d="M168.532 162.438c59.17-21.616 97.39-66.023 85.203-99.627L39.458 141.089c12.186 33.604 69.903 42.964 129.074 21.349"/><path fill="#f69833" d="M253.735 62.81L39.458 141.09c4.196 11.57 20.196 17.27 42.647 17.27c21.887 0 49.905-5.413 79.115-16.084c59.171-21.616 100.802-56.614 92.515-79.464"/><path fill="#fdbd39" d="M211.089 45.54c-21.888 0-49.906 5.414-79.116 16.084c-59.17 21.616-100.801 56.614-92.515 79.465L253.735 62.81c-4.195-11.57-20.195-17.27-42.645-17.27"/><path fill="#ee6723" d="M199.255 187.932h-.002c-6.304 0-15.605-5.695-27.644-16.926c-14.244-13.287-30.56-32.748-45.942-54.799c-15.383-22.05-28.023-44.094-35.592-62.072c-8.247-19.593-9.423-31.64-3.495-35.806c1.3-.913 2.867-1.375 4.656-1.375c4.822 0 14.217 3.59 31.59 20.693l.38.374l-.052.531a227 227 0 0 0-.326 3.685l-.193 2.416l-1.705-1.717c-18.718-18.858-26.958-20.894-29.632-20.894c-.763 0-1.37.155-1.805.461c-2.572 1.807-2.737 10.655 5.258 29.648c7.434 17.658 19.89 39.37 35.074 61.133c15.185 21.766 31.25 40.94 45.24 53.99c15.084 14.071 21.882 15.59 24.104 15.59c.767 0 1.391-.164 1.853-.49c2.713-1.905 2.716-11.384-6.2-31.827l-.41-.938l.897-.49c.896-.491 1.763-.974 2.575-1.436l1.074-.61l.494 1.133c6.322 14.485 12.232 32.895 4.483 38.343c-1.306.917-2.88 1.383-4.68 1.383m-.002-2.235h.002l-.001 1.117z"/><path fill="#ee6723" d="m169.968 161.827l-.09 1.113c-1.496 18.51-5.435 40.764-15.705 41.664q-.31.028-.635.028c-6.976 0-13.577-9.996-19.617-29.71c-5.716-18.651-10.15-43.693-12.488-70.513c-2.338-26.815-2.303-52.25.098-71.618C124.15 11.685 129.132.662 136.341.03c.214-.02.435-.03.653-.03c5.061 0 12.689 5.73 20.497 32.424l-5.098.984c-2.607-8.92-5.449-16.175-8.27-21.16c-2.609-4.611-5.146-7.15-7.143-7.15q-.1 0-.197.007c-3.125.275-7.676 7.855-10.214 28.315c-2.358 19.022-2.387 44.075-.08 70.545c2.309 26.474 6.671 51.142 12.284 69.46c2.513 8.203 5.27 14.964 7.973 19.552c2.492 4.23 4.904 6.56 6.79 6.56q.098 0 .195-.008c2.99-.262 8.625-8.15 10.996-35.904z"/></svg>

React

import type { SVGProps } from "react";

export function LogosZeplin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 205"><path fill="#fdbd39" d="m39.458 141.089l-13.392 4.892l-.72 39.841l46.36-16.936c-15.9-5.34-27.512-14.738-32.248-27.797"/><path fill="#f69833" d="M46.467 98.95L0 115.925l26.066 30.056l13.392-4.892c-4.722-13.021-1.81-27.74 7.009-42.139"/><path fill="#fecf33" d="M124.662 41.462c-59.171 21.616-97.318 66.22-85.204 99.627L253.735 62.81c-12.114-33.407-69.902-42.965-129.073-21.35"/><path fill="#ee6723" d="M168.532 162.438c59.17-21.616 97.39-66.023 85.203-99.627L39.458 141.089c12.186 33.604 69.903 42.964 129.074 21.349"/><path fill="#f69833" d="M253.735 62.81L39.458 141.09c4.196 11.57 20.196 17.27 42.647 17.27c21.887 0 49.905-5.413 79.115-16.084c59.171-21.616 100.802-56.614 92.515-79.464"/><path fill="#fdbd39" d="M211.089 45.54c-21.888 0-49.906 5.414-79.116 16.084c-59.17 21.616-100.801 56.614-92.515 79.465L253.735 62.81c-4.195-11.57-20.195-17.27-42.645-17.27"/><path fill="#ee6723" d="M199.255 187.932h-.002c-6.304 0-15.605-5.695-27.644-16.926c-14.244-13.287-30.56-32.748-45.942-54.799c-15.383-22.05-28.023-44.094-35.592-62.072c-8.247-19.593-9.423-31.64-3.495-35.806c1.3-.913 2.867-1.375 4.656-1.375c4.822 0 14.217 3.59 31.59 20.693l.38.374l-.052.531a227 227 0 0 0-.326 3.685l-.193 2.416l-1.705-1.717c-18.718-18.858-26.958-20.894-29.632-20.894c-.763 0-1.37.155-1.805.461c-2.572 1.807-2.737 10.655 5.258 29.648c7.434 17.658 19.89 39.37 35.074 61.133c15.185 21.766 31.25 40.94 45.24 53.99c15.084 14.071 21.882 15.59 24.104 15.59c.767 0 1.391-.164 1.853-.49c2.713-1.905 2.716-11.384-6.2-31.827l-.41-.938l.897-.49c.896-.491 1.763-.974 2.575-1.436l1.074-.61l.494 1.133c6.322 14.485 12.232 32.895 4.483 38.343c-1.306.917-2.88 1.383-4.68 1.383m-.002-2.235h.002l-.001 1.117z"/><path fill="#ee6723" d="m169.968 161.827l-.09 1.113c-1.496 18.51-5.435 40.764-15.705 41.664q-.31.028-.635.028c-6.976 0-13.577-9.996-19.617-29.71c-5.716-18.651-10.15-43.693-12.488-70.513c-2.338-26.815-2.303-52.25.098-71.618C124.15 11.685 129.132.662 136.341.03c.214-.02.435-.03.653-.03c5.061 0 12.689 5.73 20.497 32.424l-5.098.984c-2.607-8.92-5.449-16.175-8.27-21.16c-2.609-4.611-5.146-7.15-7.143-7.15q-.1 0-.197.007c-3.125.275-7.676 7.855-10.214 28.315c-2.358 19.022-2.387 44.075-.08 70.545c2.309 26.474 6.671 51.142 12.284 69.46c2.513 8.203 5.27 14.964 7.973 19.552c2.492 4.23 4.904 6.56 6.79 6.56q.098 0 .195-.008c2.99-.262 8.625-8.15 10.996-35.904z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 205"><path fill="#fdbd39" d="m39.458 141.089l-13.392 4.892l-.72 39.841l46.36-16.936c-15.9-5.34-27.512-14.738-32.248-27.797"/><path fill="#f69833" d="M46.467 98.95L0 115.925l26.066 30.056l13.392-4.892c-4.722-13.021-1.81-27.74 7.009-42.139"/><path fill="#fecf33" d="M124.662 41.462c-59.171 21.616-97.318 66.22-85.204 99.627L253.735 62.81c-12.114-33.407-69.902-42.965-129.073-21.35"/><path fill="#ee6723" d="M168.532 162.438c59.17-21.616 97.39-66.023 85.203-99.627L39.458 141.089c12.186 33.604 69.903 42.964 129.074 21.349"/><path fill="#f69833" d="M253.735 62.81L39.458 141.09c4.196 11.57 20.196 17.27 42.647 17.27c21.887 0 49.905-5.413 79.115-16.084c59.171-21.616 100.802-56.614 92.515-79.464"/><path fill="#fdbd39" d="M211.089 45.54c-21.888 0-49.906 5.414-79.116 16.084c-59.17 21.616-100.801 56.614-92.515 79.465L253.735 62.81c-4.195-11.57-20.195-17.27-42.645-17.27"/><path fill="#ee6723" d="M199.255 187.932h-.002c-6.304 0-15.605-5.695-27.644-16.926c-14.244-13.287-30.56-32.748-45.942-54.799c-15.383-22.05-28.023-44.094-35.592-62.072c-8.247-19.593-9.423-31.64-3.495-35.806c1.3-.913 2.867-1.375 4.656-1.375c4.822 0 14.217 3.59 31.59 20.693l.38.374l-.052.531a227 227 0 0 0-.326 3.685l-.193 2.416l-1.705-1.717c-18.718-18.858-26.958-20.894-29.632-20.894c-.763 0-1.37.155-1.805.461c-2.572 1.807-2.737 10.655 5.258 29.648c7.434 17.658 19.89 39.37 35.074 61.133c15.185 21.766 31.25 40.94 45.24 53.99c15.084 14.071 21.882 15.59 24.104 15.59c.767 0 1.391-.164 1.853-.49c2.713-1.905 2.716-11.384-6.2-31.827l-.41-.938l.897-.49c.896-.491 1.763-.974 2.575-1.436l1.074-.61l.494 1.133c6.322 14.485 12.232 32.895 4.483 38.343c-1.306.917-2.88 1.383-4.68 1.383m-.002-2.235h.002l-.001 1.117z"/><path fill="#ee6723" d="m169.968 161.827l-.09 1.113c-1.496 18.51-5.435 40.764-15.705 41.664q-.31.028-.635.028c-6.976 0-13.577-9.996-19.617-29.71c-5.716-18.651-10.15-43.693-12.488-70.513c-2.338-26.815-2.303-52.25.098-71.618C124.15 11.685 129.132.662 136.341.03c.214-.02.435-.03.653-.03c5.061 0 12.689 5.73 20.497 32.424l-5.098.984c-2.607-8.92-5.449-16.175-8.27-21.16c-2.609-4.611-5.146-7.15-7.143-7.15q-.1 0-.197.007c-3.125.275-7.676 7.855-10.214 28.315c-2.358 19.022-2.387 44.075-.08 70.545c2.309 26.474 6.671 51.142 12.284 69.46c2.513 8.203 5.27 14.964 7.973 19.552c2.492 4.23 4.904 6.56 6.79 6.56q.098 0 .195-.008c2.99-.262 8.625-8.15 10.996-35.904z"/></svg>
</template>

CSS

.icon-zeplin {
  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%20205%22%3E%3Cpath%20fill%3D%22%23fdbd39%22%20d%3D%22m39.458%20141.089l-13.392%204.892l-.72%2039.841l46.36-16.936c-15.9-5.34-27.512-14.738-32.248-27.797%22%2F%3E%3Cpath%20fill%3D%22%23f69833%22%20d%3D%22M46.467%2098.95L0%20115.925l26.066%2030.056l13.392-4.892c-4.722-13.021-1.81-27.74%207.009-42.139%22%2F%3E%3Cpath%20fill%3D%22%23fecf33%22%20d%3D%22M124.662%2041.462c-59.171%2021.616-97.318%2066.22-85.204%2099.627L253.735%2062.81c-12.114-33.407-69.902-42.965-129.073-21.35%22%2F%3E%3Cpath%20fill%3D%22%23ee6723%22%20d%3D%22M168.532%20162.438c59.17-21.616%2097.39-66.023%2085.203-99.627L39.458%20141.089c12.186%2033.604%2069.903%2042.964%20129.074%2021.349%22%2F%3E%3Cpath%20fill%3D%22%23f69833%22%20d%3D%22M253.735%2062.81L39.458%20141.09c4.196%2011.57%2020.196%2017.27%2042.647%2017.27c21.887%200%2049.905-5.413%2079.115-16.084c59.171-21.616%20100.802-56.614%2092.515-79.464%22%2F%3E%3Cpath%20fill%3D%22%23fdbd39%22%20d%3D%22M211.089%2045.54c-21.888%200-49.906%205.414-79.116%2016.084c-59.17%2021.616-100.801%2056.614-92.515%2079.465L253.735%2062.81c-4.195-11.57-20.195-17.27-42.645-17.27%22%2F%3E%3Cpath%20fill%3D%22%23ee6723%22%20d%3D%22M199.255%20187.932h-.002c-6.304%200-15.605-5.695-27.644-16.926c-14.244-13.287-30.56-32.748-45.942-54.799c-15.383-22.05-28.023-44.094-35.592-62.072c-8.247-19.593-9.423-31.64-3.495-35.806c1.3-.913%202.867-1.375%204.656-1.375c4.822%200%2014.217%203.59%2031.59%2020.693l.38.374l-.052.531a227%20227%200%200%200-.326%203.685l-.193%202.416l-1.705-1.717c-18.718-18.858-26.958-20.894-29.632-20.894c-.763%200-1.37.155-1.805.461c-2.572%201.807-2.737%2010.655%205.258%2029.648c7.434%2017.658%2019.89%2039.37%2035.074%2061.133c15.185%2021.766%2031.25%2040.94%2045.24%2053.99c15.084%2014.071%2021.882%2015.59%2024.104%2015.59c.767%200%201.391-.164%201.853-.49c2.713-1.905%202.716-11.384-6.2-31.827l-.41-.938l.897-.49c.896-.491%201.763-.974%202.575-1.436l1.074-.61l.494%201.133c6.322%2014.485%2012.232%2032.895%204.483%2038.343c-1.306.917-2.88%201.383-4.68%201.383m-.002-2.235h.002l-.001%201.117z%22%2F%3E%3Cpath%20fill%3D%22%23ee6723%22%20d%3D%22m169.968%20161.827l-.09%201.113c-1.496%2018.51-5.435%2040.764-15.705%2041.664q-.31.028-.635.028c-6.976%200-13.577-9.996-19.617-29.71c-5.716-18.651-10.15-43.693-12.488-70.513c-2.338-26.815-2.303-52.25.098-71.618C124.15%2011.685%20129.132.662%20136.341.03c.214-.02.435-.03.653-.03c5.061%200%2012.689%205.73%2020.497%2032.424l-5.098.984c-2.607-8.92-5.449-16.175-8.27-21.16c-2.609-4.611-5.146-7.15-7.143-7.15q-.1%200-.197.007c-3.125.275-7.676%207.855-10.214%2028.315c-2.358%2019.022-2.387%2044.075-.08%2070.545c2.309%2026.474%206.671%2051.142%2012.284%2069.46c2.513%208.203%205.27%2014.964%207.973%2019.552c2.492%204.23%204.904%206.56%206.79%206.56q.098%200%20.195-.008c2.99-.262%208.625-8.15%2010.996-35.904z%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%20205%22%3E%3Cpath%20fill%3D%22%23fdbd39%22%20d%3D%22m39.458%20141.089l-13.392%204.892l-.72%2039.841l46.36-16.936c-15.9-5.34-27.512-14.738-32.248-27.797%22%2F%3E%3Cpath%20fill%3D%22%23f69833%22%20d%3D%22M46.467%2098.95L0%20115.925l26.066%2030.056l13.392-4.892c-4.722-13.021-1.81-27.74%207.009-42.139%22%2F%3E%3Cpath%20fill%3D%22%23fecf33%22%20d%3D%22M124.662%2041.462c-59.171%2021.616-97.318%2066.22-85.204%2099.627L253.735%2062.81c-12.114-33.407-69.902-42.965-129.073-21.35%22%2F%3E%3Cpath%20fill%3D%22%23ee6723%22%20d%3D%22M168.532%20162.438c59.17-21.616%2097.39-66.023%2085.203-99.627L39.458%20141.089c12.186%2033.604%2069.903%2042.964%20129.074%2021.349%22%2F%3E%3Cpath%20fill%3D%22%23f69833%22%20d%3D%22M253.735%2062.81L39.458%20141.09c4.196%2011.57%2020.196%2017.27%2042.647%2017.27c21.887%200%2049.905-5.413%2079.115-16.084c59.171-21.616%20100.802-56.614%2092.515-79.464%22%2F%3E%3Cpath%20fill%3D%22%23fdbd39%22%20d%3D%22M211.089%2045.54c-21.888%200-49.906%205.414-79.116%2016.084c-59.17%2021.616-100.801%2056.614-92.515%2079.465L253.735%2062.81c-4.195-11.57-20.195-17.27-42.645-17.27%22%2F%3E%3Cpath%20fill%3D%22%23ee6723%22%20d%3D%22M199.255%20187.932h-.002c-6.304%200-15.605-5.695-27.644-16.926c-14.244-13.287-30.56-32.748-45.942-54.799c-15.383-22.05-28.023-44.094-35.592-62.072c-8.247-19.593-9.423-31.64-3.495-35.806c1.3-.913%202.867-1.375%204.656-1.375c4.822%200%2014.217%203.59%2031.59%2020.693l.38.374l-.052.531a227%20227%200%200%200-.326%203.685l-.193%202.416l-1.705-1.717c-18.718-18.858-26.958-20.894-29.632-20.894c-.763%200-1.37.155-1.805.461c-2.572%201.807-2.737%2010.655%205.258%2029.648c7.434%2017.658%2019.89%2039.37%2035.074%2061.133c15.185%2021.766%2031.25%2040.94%2045.24%2053.99c15.084%2014.071%2021.882%2015.59%2024.104%2015.59c.767%200%201.391-.164%201.853-.49c2.713-1.905%202.716-11.384-6.2-31.827l-.41-.938l.897-.49c.896-.491%201.763-.974%202.575-1.436l1.074-.61l.494%201.133c6.322%2014.485%2012.232%2032.895%204.483%2038.343c-1.306.917-2.88%201.383-4.68%201.383m-.002-2.235h.002l-.001%201.117z%22%2F%3E%3Cpath%20fill%3D%22%23ee6723%22%20d%3D%22m169.968%20161.827l-.09%201.113c-1.496%2018.51-5.435%2040.764-15.705%2041.664q-.31.028-.635.028c-6.976%200-13.577-9.996-19.617-29.71c-5.716-18.651-10.15-43.693-12.488-70.513c-2.338-26.815-2.303-52.25.098-71.618C124.15%2011.685%20129.132.662%20136.341.03c.214-.02.435-.03.653-.03c5.061%200%2012.689%205.73%2020.497%2032.424l-5.098.984c-2.607-8.92-5.449-16.175-8.27-21.16c-2.609-4.611-5.146-7.15-7.143-7.15q-.1%200-.197.007c-3.125.275-7.676%207.855-10.214%2028.315c-2.358%2019.022-2.387%2044.075-.08%2070.545c2.309%2026.474%206.671%2051.142%2012.284%2069.46c2.513%208.203%205.27%2014.964%207.973%2019.552c2.492%204.23%204.904%206.56%206.79%206.56q.098%200%20.195-.008c2.99-.262%208.625-8.15%2010.996-35.904z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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