pushed logo

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

Name: pushed
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 432×512
License: CC BY 4.0

The same logo in other sets

pushedFont Awesome Brands pushedLine Awesome

Use the pushed logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 432 512"><path fill="currentColor" d="m407 111.9l-98.5-9l14-33.4c10.4-23.5-10.8-40.4-28.7-37L22.5 76.9c-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.8M297.6 53.6c5.1-.7 7.5 2.5 5.2 7.4L286 100.9L108.6 84.6zM22.7 107.9c-3.1-5.1 1-10 6.1-9.1l248.7 22.7l-96.9 230.7zM136 456.4c-2.6 4-7.9 3.1-9.4-1.2L43.5 179.7l127.7 197.6c-7 15-35.2 79.1-35.2 79.1m272.8-314.5L210.1 337.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 Fa6BrandsPushed(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 432 512"><path fill="currentColor" d="m407 111.9l-98.5-9l14-33.4c10.4-23.5-10.8-40.4-28.7-37L22.5 76.9c-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.8M297.6 53.6c5.1-.7 7.5 2.5 5.2 7.4L286 100.9L108.6 84.6zM22.7 107.9c-3.1-5.1 1-10 6.1-9.1l248.7 22.7l-96.9 230.7zM136 456.4c-2.6 4-7.9 3.1-9.4-1.2L43.5 179.7l127.7 197.6c-7 15-35.2 79.1-35.2 79.1m272.8-314.5L210.1 337.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 432 512"><path fill="currentColor" d="m407 111.9l-98.5-9l14-33.4c10.4-23.5-10.8-40.4-28.7-37L22.5 76.9c-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.8M297.6 53.6c5.1-.7 7.5 2.5 5.2 7.4L286 100.9L108.6 84.6zM22.7 107.9c-3.1-5.1 1-10 6.1-9.1l248.7 22.7l-96.9 230.7zM136 456.4c-2.6 4-7.9 3.1-9.4-1.2L43.5 179.7l127.7 197.6c-7 15-35.2 79.1-35.2 79.1m272.8-314.5L210.1 337.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%20432%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m407%20111.9l-98.5-9l14-33.4c10.4-23.5-10.8-40.4-28.7-37L22.5%2076.9c-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.8M297.6%2053.6c5.1-.7%207.5%202.5%205.2%207.4L286%20100.9L108.6%2084.6zM22.7%20107.9c-3.1-5.1%201-10%206.1-9.1l248.7%2022.7l-96.9%20230.7zM136%20456.4c-2.6%204-7.9%203.1-9.4-1.2L43.5%20179.7l127.7%20197.6c-7%2015-35.2%2079.1-35.2%2079.1m272.8-314.5L210.1%20337.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%20432%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m407%20111.9l-98.5-9l14-33.4c10.4-23.5-10.8-40.4-28.7-37L22.5%2076.9c-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.8M297.6%2053.6c5.1-.7%207.5%202.5%205.2%207.4L286%20100.9L108.6%2084.6zM22.7%20107.9c-3.1-5.1%201-10%206.1-9.1l248.7%2022.7l-96.9%20230.7zM136%20456.4c-2.6%204-7.9%203.1-9.4-1.2L43.5%20179.7l127.7%20197.6c-7%2015-35.2%2079.1-35.2%2079.1m272.8-314.5L210.1%20337.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/fa6-brands/pushed.svg?color=%231a73e8&size=48