pusher icon logo

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

Name
pusher-icon
Set
SVG Logos
Style
Color
Viewbox
256×396
License
CC0

Use the pusher icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 396"><path fill="#300d4f" d="M127.995 394.55v-99.047a.59.59 0 0 1 .312-.52l127.391-73.49a.57.57 0 0 0 .302-.52v-28.157a.583.583 0 0 0-.884-.52l-126.227 72.825a.582.582 0 0 1-.884-.52v-28.177c0-.208.104-.406.291-.51l127.402-73.49a.62.62 0 0 0 .302-.52v-28.157a.604.604 0 0 0-.884-.52l-126.227 72.815a.582.582 0 0 1-.894-.51v-28.167c0-.208.114-.405.312-.51l127.391-73.458a.58.58 0 0 0 .302-.52V74.346a1.25 1.25 0 0 0-.583-1.02L128.587.16a1.17 1.17 0 0 0-1.175 0L103.29 14.08a.582.582 0 0 0 0 1.02l126.227 72.814a.603.603 0 0 1 0 1.019l-24.123 13.912c-.37.2-.815.2-1.185 0L77.39 29.698a1.25 1.25 0 0 0-1.247 0L52.092 43.6a.582.582 0 0 0 0 1.019l126.206 72.825a.582.582 0 0 1 0 1.03l-24.122 13.911a1.25 1.25 0 0 1-1.248 0L26.192 59.217a1.25 1.25 0 0 0-1.248 0L0 73.65v247.744c0 .208.104.416.302.51l24.413 14.088a.582.582 0 0 0 .884-.52V89.453a.582.582 0 0 1 .884-.51l24.434 14.09c.166.104.28.301.28.52v247.37c0 .207.105.415.292.519l24.414 14.1a.603.603 0 0 0 .904-.52v-246.05a.582.582 0 0 1 .884-.52l24.414 14.079a.6.6 0 0 1 .301.52v247.41a.62.62 0 0 0 .28.52l24.487 14.069a.582.582 0 0 0 .832-.51z"/></svg>

React

import type { SVGProps } from "react";

export function LogosPusherIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 396"><path fill="#300d4f" d="M127.995 394.55v-99.047a.59.59 0 0 1 .312-.52l127.391-73.49a.57.57 0 0 0 .302-.52v-28.157a.583.583 0 0 0-.884-.52l-126.227 72.825a.582.582 0 0 1-.884-.52v-28.177c0-.208.104-.406.291-.51l127.402-73.49a.62.62 0 0 0 .302-.52v-28.157a.604.604 0 0 0-.884-.52l-126.227 72.815a.582.582 0 0 1-.894-.51v-28.167c0-.208.114-.405.312-.51l127.391-73.458a.58.58 0 0 0 .302-.52V74.346a1.25 1.25 0 0 0-.583-1.02L128.587.16a1.17 1.17 0 0 0-1.175 0L103.29 14.08a.582.582 0 0 0 0 1.02l126.227 72.814a.603.603 0 0 1 0 1.019l-24.123 13.912c-.37.2-.815.2-1.185 0L77.39 29.698a1.25 1.25 0 0 0-1.247 0L52.092 43.6a.582.582 0 0 0 0 1.019l126.206 72.825a.582.582 0 0 1 0 1.03l-24.122 13.911a1.25 1.25 0 0 1-1.248 0L26.192 59.217a1.25 1.25 0 0 0-1.248 0L0 73.65v247.744c0 .208.104.416.302.51l24.413 14.088a.582.582 0 0 0 .884-.52V89.453a.582.582 0 0 1 .884-.51l24.434 14.09c.166.104.28.301.28.52v247.37c0 .207.105.415.292.519l24.414 14.1a.603.603 0 0 0 .904-.52v-246.05a.582.582 0 0 1 .884-.52l24.414 14.079a.6.6 0 0 1 .301.52v247.41a.62.62 0 0 0 .28.52l24.487 14.069a.582.582 0 0 0 .832-.51z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 396"><path fill="#300d4f" d="M127.995 394.55v-99.047a.59.59 0 0 1 .312-.52l127.391-73.49a.57.57 0 0 0 .302-.52v-28.157a.583.583 0 0 0-.884-.52l-126.227 72.825a.582.582 0 0 1-.884-.52v-28.177c0-.208.104-.406.291-.51l127.402-73.49a.62.62 0 0 0 .302-.52v-28.157a.604.604 0 0 0-.884-.52l-126.227 72.815a.582.582 0 0 1-.894-.51v-28.167c0-.208.114-.405.312-.51l127.391-73.458a.58.58 0 0 0 .302-.52V74.346a1.25 1.25 0 0 0-.583-1.02L128.587.16a1.17 1.17 0 0 0-1.175 0L103.29 14.08a.582.582 0 0 0 0 1.02l126.227 72.814a.603.603 0 0 1 0 1.019l-24.123 13.912c-.37.2-.815.2-1.185 0L77.39 29.698a1.25 1.25 0 0 0-1.247 0L52.092 43.6a.582.582 0 0 0 0 1.019l126.206 72.825a.582.582 0 0 1 0 1.03l-24.122 13.911a1.25 1.25 0 0 1-1.248 0L26.192 59.217a1.25 1.25 0 0 0-1.248 0L0 73.65v247.744c0 .208.104.416.302.51l24.413 14.088a.582.582 0 0 0 .884-.52V89.453a.582.582 0 0 1 .884-.51l24.434 14.09c.166.104.28.301.28.52v247.37c0 .207.105.415.292.519l24.414 14.1a.603.603 0 0 0 .904-.52v-246.05a.582.582 0 0 1 .884-.52l24.414 14.079a.6.6 0 0 1 .301.52v247.41a.62.62 0 0 0 .28.52l24.487 14.069a.582.582 0 0 0 .832-.51z"/></svg>
</template>

CSS

.icon-pusher-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%20396%22%3E%3Cpath%20fill%3D%22%23300d4f%22%20d%3D%22M127.995%20394.55v-99.047a.59.59%200%200%201%20.312-.52l127.391-73.49a.57.57%200%200%200%20.302-.52v-28.157a.583.583%200%200%200-.884-.52l-126.227%2072.825a.582.582%200%200%201-.884-.52v-28.177c0-.208.104-.406.291-.51l127.402-73.49a.62.62%200%200%200%20.302-.52v-28.157a.604.604%200%200%200-.884-.52l-126.227%2072.815a.582.582%200%200%201-.894-.51v-28.167c0-.208.114-.405.312-.51l127.391-73.458a.58.58%200%200%200%20.302-.52V74.346a1.25%201.25%200%200%200-.583-1.02L128.587.16a1.17%201.17%200%200%200-1.175%200L103.29%2014.08a.582.582%200%200%200%200%201.02l126.227%2072.814a.603.603%200%200%201%200%201.019l-24.123%2013.912c-.37.2-.815.2-1.185%200L77.39%2029.698a1.25%201.25%200%200%200-1.247%200L52.092%2043.6a.582.582%200%200%200%200%201.019l126.206%2072.825a.582.582%200%200%201%200%201.03l-24.122%2013.911a1.25%201.25%200%200%201-1.248%200L26.192%2059.217a1.25%201.25%200%200%200-1.248%200L0%2073.65v247.744c0%20.208.104.416.302.51l24.413%2014.088a.582.582%200%200%200%20.884-.52V89.453a.582.582%200%200%201%20.884-.51l24.434%2014.09c.166.104.28.301.28.52v247.37c0%20.207.105.415.292.519l24.414%2014.1a.603.603%200%200%200%20.904-.52v-246.05a.582.582%200%200%201%20.884-.52l24.414%2014.079a.6.6%200%200%201%20.301.52v247.41a.62.62%200%200%200%20.28.52l24.487%2014.069a.582.582%200%200%200%20.832-.51z%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%20396%22%3E%3Cpath%20fill%3D%22%23300d4f%22%20d%3D%22M127.995%20394.55v-99.047a.59.59%200%200%201%20.312-.52l127.391-73.49a.57.57%200%200%200%20.302-.52v-28.157a.583.583%200%200%200-.884-.52l-126.227%2072.825a.582.582%200%200%201-.884-.52v-28.177c0-.208.104-.406.291-.51l127.402-73.49a.62.62%200%200%200%20.302-.52v-28.157a.604.604%200%200%200-.884-.52l-126.227%2072.815a.582.582%200%200%201-.894-.51v-28.167c0-.208.114-.405.312-.51l127.391-73.458a.58.58%200%200%200%20.302-.52V74.346a1.25%201.25%200%200%200-.583-1.02L128.587.16a1.17%201.17%200%200%200-1.175%200L103.29%2014.08a.582.582%200%200%200%200%201.02l126.227%2072.814a.603.603%200%200%201%200%201.019l-24.123%2013.912c-.37.2-.815.2-1.185%200L77.39%2029.698a1.25%201.25%200%200%200-1.247%200L52.092%2043.6a.582.582%200%200%200%200%201.019l126.206%2072.825a.582.582%200%200%201%200%201.03l-24.122%2013.911a1.25%201.25%200%200%201-1.248%200L26.192%2059.217a1.25%201.25%200%200%200-1.248%200L0%2073.65v247.744c0%20.208.104.416.302.51l24.413%2014.088a.582.582%200%200%200%20.884-.52V89.453a.582.582%200%200%201%20.884-.51l24.434%2014.09c.166.104.28.301.28.52v247.37c0%20.207.105.415.292.519l24.414%2014.1a.603.603%200%200%200%20.904-.52v-246.05a.582.582%200%200%201%20.884-.52l24.414%2014.079a.6.6%200%200%201%20.301.52v247.41a.62.62%200%200%200%20.28.52l24.487%2014.069a.582.582%200%200%200%20.832-.51z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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