centercode logo

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

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

The same logo in other sets

centercodeFont Awesome 6 Brands centercodeLine Awesome

Use the centercode logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M265.8 318.8c1.8-23.3 16.2-43.7 37.4-53.3c21.3-9.7 46.1-7 64.8 7c18.8 13.9 28.4 37 25.2 60.1c-1.8 23.3-16.2 43.7-37.4 53.3c-21.3 9.7-46.1 7-64.8-7c-18.8-13.9-28.4-37-25.2-60.1m41.6 248.9C160.7 560 55.8 429.5 74.1 288.3c11.2-86.6 65.8-156.9 139.1-192c161-77.1 349.7 37.4 354.7 216.6c4.1 147-118.4 262.2-260.5 254.8m179.9-180c27.9-118-160.5-205.9-237.2-234.2c-57.5 56.3-69.1 188.6-33.8 344.4c68.8 15.8 169.1-26.4 271-110.2"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsCentercode(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="M265.8 318.8c1.8-23.3 16.2-43.7 37.4-53.3c21.3-9.7 46.1-7 64.8 7c18.8 13.9 28.4 37 25.2 60.1c-1.8 23.3-16.2 43.7-37.4 53.3c-21.3 9.7-46.1 7-64.8-7c-18.8-13.9-28.4-37-25.2-60.1m41.6 248.9C160.7 560 55.8 429.5 74.1 288.3c11.2-86.6 65.8-156.9 139.1-192c161-77.1 349.7 37.4 354.7 216.6c4.1 147-118.4 262.2-260.5 254.8m179.9-180c27.9-118-160.5-205.9-237.2-234.2c-57.5 56.3-69.1 188.6-33.8 344.4c68.8 15.8 169.1-26.4 271-110.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M265.8 318.8c1.8-23.3 16.2-43.7 37.4-53.3c21.3-9.7 46.1-7 64.8 7c18.8 13.9 28.4 37 25.2 60.1c-1.8 23.3-16.2 43.7-37.4 53.3c-21.3 9.7-46.1 7-64.8-7c-18.8-13.9-28.4-37-25.2-60.1m41.6 248.9C160.7 560 55.8 429.5 74.1 288.3c11.2-86.6 65.8-156.9 139.1-192c161-77.1 349.7 37.4 354.7 216.6c4.1 147-118.4 262.2-260.5 254.8m179.9-180c27.9-118-160.5-205.9-237.2-234.2c-57.5 56.3-69.1 188.6-33.8 344.4c68.8 15.8 169.1-26.4 271-110.2"/></svg>
</template>

CSS

.icon-centercode {
  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%22M265.8%20318.8c1.8-23.3%2016.2-43.7%2037.4-53.3c21.3-9.7%2046.1-7%2064.8%207c18.8%2013.9%2028.4%2037%2025.2%2060.1c-1.8%2023.3-16.2%2043.7-37.4%2053.3c-21.3%209.7-46.1%207-64.8-7c-18.8-13.9-28.4-37-25.2-60.1m41.6%20248.9C160.7%20560%2055.8%20429.5%2074.1%20288.3c11.2-86.6%2065.8-156.9%20139.1-192c161-77.1%20349.7%2037.4%20354.7%20216.6c4.1%20147-118.4%20262.2-260.5%20254.8m179.9-180c27.9-118-160.5-205.9-237.2-234.2c-57.5%2056.3-69.1%20188.6-33.8%20344.4c68.8%2015.8%20169.1-26.4%20271-110.2%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%22M265.8%20318.8c1.8-23.3%2016.2-43.7%2037.4-53.3c21.3-9.7%2046.1-7%2064.8%207c18.8%2013.9%2028.4%2037%2025.2%2060.1c-1.8%2023.3-16.2%2043.7-37.4%2053.3c-21.3%209.7-46.1%207-64.8-7c-18.8-13.9-28.4-37-25.2-60.1m41.6%20248.9C160.7%20560%2055.8%20429.5%2074.1%20288.3c11.2-86.6%2065.8-156.9%20139.1-192c161-77.1%20349.7%2037.4%20354.7%20216.6c4.1%20147-118.4%20262.2-260.5%20254.8m179.9-180c27.9-118-160.5-205.9-237.2-234.2c-57.5%2056.3-69.1%20188.6-33.8%20344.4c68.8%2015.8%20169.1-26.4%20271-110.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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