rev logo

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

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

The same logo in other sets

revFont Awesome 6 Brands revLine Awesome revWeb3 Icons revWeb3 Icons Branded

Use the rev logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M254.7 338.9c0-36.2 29.4-65.6 65.6-65.6s65.6 29.4 65.6 65.6s-29.4 65.6-65.6 65.6s-65.6-29.4-65.6-65.6m270.7-5.1h-.1c-.7-29.3-7.7-58.2-20.5-84.6s-31.2-49.7-53.8-68.4L405.6 207c22 14.2 40.1 33.8 52.7 56.8s19.1 48.8 19.1 75.1c0 86.6-70.5 157.1-157.1 157.1s-157.1-70.5-157.1-157.1c0-81.9 63-149.3 143-156.4v39.1L415 158.8L306.2 96v38.3c-106.7 7.2-191 96-191 204.6c0 111.6 89.1 202.3 200.1 205v.1h210.2V333.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsRev(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="M254.7 338.9c0-36.2 29.4-65.6 65.6-65.6s65.6 29.4 65.6 65.6s-29.4 65.6-65.6 65.6s-65.6-29.4-65.6-65.6m270.7-5.1h-.1c-.7-29.3-7.7-58.2-20.5-84.6s-31.2-49.7-53.8-68.4L405.6 207c22 14.2 40.1 33.8 52.7 56.8s19.1 48.8 19.1 75.1c0 86.6-70.5 157.1-157.1 157.1s-157.1-70.5-157.1-157.1c0-81.9 63-149.3 143-156.4v39.1L415 158.8L306.2 96v38.3c-106.7 7.2-191 96-191 204.6c0 111.6 89.1 202.3 200.1 205v.1h210.2V333.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M254.7 338.9c0-36.2 29.4-65.6 65.6-65.6s65.6 29.4 65.6 65.6s-29.4 65.6-65.6 65.6s-65.6-29.4-65.6-65.6m270.7-5.1h-.1c-.7-29.3-7.7-58.2-20.5-84.6s-31.2-49.7-53.8-68.4L405.6 207c22 14.2 40.1 33.8 52.7 56.8s19.1 48.8 19.1 75.1c0 86.6-70.5 157.1-157.1 157.1s-157.1-70.5-157.1-157.1c0-81.9 63-149.3 143-156.4v39.1L415 158.8L306.2 96v38.3c-106.7 7.2-191 96-191 204.6c0 111.6 89.1 202.3 200.1 205v.1h210.2V333.8z"/></svg>
</template>

CSS

.icon-rev {
  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%22M254.7%20338.9c0-36.2%2029.4-65.6%2065.6-65.6s65.6%2029.4%2065.6%2065.6s-29.4%2065.6-65.6%2065.6s-65.6-29.4-65.6-65.6m270.7-5.1h-.1c-.7-29.3-7.7-58.2-20.5-84.6s-31.2-49.7-53.8-68.4L405.6%20207c22%2014.2%2040.1%2033.8%2052.7%2056.8s19.1%2048.8%2019.1%2075.1c0%2086.6-70.5%20157.1-157.1%20157.1s-157.1-70.5-157.1-157.1c0-81.9%2063-149.3%20143-156.4v39.1L415%20158.8L306.2%2096v38.3c-106.7%207.2-191%2096-191%20204.6c0%20111.6%2089.1%20202.3%20200.1%20205v.1h210.2V333.8z%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%22M254.7%20338.9c0-36.2%2029.4-65.6%2065.6-65.6s65.6%2029.4%2065.6%2065.6s-29.4%2065.6-65.6%2065.6s-65.6-29.4-65.6-65.6m270.7-5.1h-.1c-.7-29.3-7.7-58.2-20.5-84.6s-31.2-49.7-53.8-68.4L405.6%20207c22%2014.2%2040.1%2033.8%2052.7%2056.8s19.1%2048.8%2019.1%2075.1c0%2086.6-70.5%20157.1-157.1%20157.1s-157.1-70.5-157.1-157.1c0-81.9%2063-149.3%20143-156.4v39.1L415%20158.8L306.2%2096v38.3c-106.7%207.2-191%2096-191%20204.6c0%20111.6%2089.1%20202.3%20200.1%20205v.1h210.2V333.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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