pushed logo

pushed from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: pushed
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

pushedFont Awesome 6 Brands pushedLine Awesome

Use the pushed logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m511.1 175.9l-98.5-9l14-33.4c10.4-23.5-10.8-40.4-28.7-37l-271.3 44.4c-15.1 2.7-26 18.3-21.4 36.6l105.1 348.3c6.5 21.3 36.7 24.2 47.7 7l35.3-80.8l235.2-231.3c16.4-16.8 4.3-42.9-17.4-44.8m-109.4-58.3c5.1-.7 7.5 2.5 5.2 7.4l-16.8 39.9l-177.4-16.3zm-274.9 54.3c-3.1-5.1 1-10 6.1-9.1l248.7 22.7l-96.9 230.7zm113.3 348.5c-2.6 4-7.9 3.1-9.4-1.2l-83.1-275.5l127.7 197.6c-7 15-35.2 79.1-35.2 79.1m272.8-314.5L314.2 401.3l89.7-213.7l106.4 9.7c4 1.1 5.7 5.3 2.6 8.6"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsPushed(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m511.1 175.9l-98.5-9l14-33.4c10.4-23.5-10.8-40.4-28.7-37l-271.3 44.4c-15.1 2.7-26 18.3-21.4 36.6l105.1 348.3c6.5 21.3 36.7 24.2 47.7 7l35.3-80.8l235.2-231.3c16.4-16.8 4.3-42.9-17.4-44.8m-109.4-58.3c5.1-.7 7.5 2.5 5.2 7.4l-16.8 39.9l-177.4-16.3zm-274.9 54.3c-3.1-5.1 1-10 6.1-9.1l248.7 22.7l-96.9 230.7zm113.3 348.5c-2.6 4-7.9 3.1-9.4-1.2l-83.1-275.5l127.7 197.6c-7 15-35.2 79.1-35.2 79.1m272.8-314.5L314.2 401.3l89.7-213.7l106.4 9.7c4 1.1 5.7 5.3 2.6 8.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m511.1 175.9l-98.5-9l14-33.4c10.4-23.5-10.8-40.4-28.7-37l-271.3 44.4c-15.1 2.7-26 18.3-21.4 36.6l105.1 348.3c6.5 21.3 36.7 24.2 47.7 7l35.3-80.8l235.2-231.3c16.4-16.8 4.3-42.9-17.4-44.8m-109.4-58.3c5.1-.7 7.5 2.5 5.2 7.4l-16.8 39.9l-177.4-16.3zm-274.9 54.3c-3.1-5.1 1-10 6.1-9.1l248.7 22.7l-96.9 230.7zm113.3 348.5c-2.6 4-7.9 3.1-9.4-1.2l-83.1-275.5l127.7 197.6c-7 15-35.2 79.1-35.2 79.1m272.8-314.5L314.2 401.3l89.7-213.7l106.4 9.7c4 1.1 5.7 5.3 2.6 8.6"/></svg>
</template>

CSS

.icon-pushed {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m511.1%20175.9l-98.5-9l14-33.4c10.4-23.5-10.8-40.4-28.7-37l-271.3%2044.4c-15.1%202.7-26%2018.3-21.4%2036.6l105.1%20348.3c6.5%2021.3%2036.7%2024.2%2047.7%207l35.3-80.8l235.2-231.3c16.4-16.8%204.3-42.9-17.4-44.8m-109.4-58.3c5.1-.7%207.5%202.5%205.2%207.4l-16.8%2039.9l-177.4-16.3zm-274.9%2054.3c-3.1-5.1%201-10%206.1-9.1l248.7%2022.7l-96.9%20230.7zm113.3%20348.5c-2.6%204-7.9%203.1-9.4-1.2l-83.1-275.5l127.7%20197.6c-7%2015-35.2%2079.1-35.2%2079.1m272.8-314.5L314.2%20401.3l89.7-213.7l106.4%209.7c4%201.1%205.7%205.3%202.6%208.6%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m511.1%20175.9l-98.5-9l14-33.4c10.4-23.5-10.8-40.4-28.7-37l-271.3%2044.4c-15.1%202.7-26%2018.3-21.4%2036.6l105.1%20348.3c6.5%2021.3%2036.7%2024.2%2047.7%207l35.3-80.8l235.2-231.3c16.4-16.8%204.3-42.9-17.4-44.8m-109.4-58.3c5.1-.7%207.5%202.5%205.2%207.4l-16.8%2039.9l-177.4-16.3zm-274.9%2054.3c-3.1-5.1%201-10%206.1-9.1l248.7%2022.7l-96.9%20230.7zm113.3%20348.5c-2.6%204-7.9%203.1-9.4-1.2l-83.1-275.5l127.7%20197.6c-7%2015-35.2%2079.1-35.2%2079.1m272.8-314.5L314.2%20401.3l89.7-213.7l106.4%209.7c4%201.1%205.7%205.3%202.6%208.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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