themeco logo

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

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

The same logo in other sets

themecoFont Awesome Brands themecoLine Awesome

Use the themeco logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M202.9 8.43c9.9-5.73 26-5.82 35.95-.21L430 115.85c10 5.6 18 19.44 18 30.86V364c0 11.44-8.06 25.29-18 31L238.81 503.74c-9.93 5.66-26 5.57-35.85-.21L17.86 395.12C8 389.34 0 375.38 0 364V146.71c0-11.44 8-25.36 17.91-31.08zm-77.4 199.83c-15.94 0-31.89.14-47.83.14v101.45H96.8V280h28.7c49.71 0 49.56-71.74 0-71.74m140.14 100.29l-30.73-34.64c37-7.51 34.8-65.23-10.87-65.51c-16.09 0-32.17-.14-48.26-.14v101.59h19.13v-33.91h18.41l29.56 33.91h22.76zm-41.59-82.32c23.34 0 23.26 32.46 0 32.46h-29.13v-32.46zm-95.56-1.6c21.18 0 21.11 38.85 0 38.85H96.18v-38.84zm192.65-18.25c-68.46 0-71 105.8 0 105.8c69.48-.01 69.41-105.8 0-105.8m0 17.39c44.12 0 44.8 70.86 0 70.86s-44.43-70.86 0-70.86"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsThemeco(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M202.9 8.43c9.9-5.73 26-5.82 35.95-.21L430 115.85c10 5.6 18 19.44 18 30.86V364c0 11.44-8.06 25.29-18 31L238.81 503.74c-9.93 5.66-26 5.57-35.85-.21L17.86 395.12C8 389.34 0 375.38 0 364V146.71c0-11.44 8-25.36 17.91-31.08zm-77.4 199.83c-15.94 0-31.89.14-47.83.14v101.45H96.8V280h28.7c49.71 0 49.56-71.74 0-71.74m140.14 100.29l-30.73-34.64c37-7.51 34.8-65.23-10.87-65.51c-16.09 0-32.17-.14-48.26-.14v101.59h19.13v-33.91h18.41l29.56 33.91h22.76zm-41.59-82.32c23.34 0 23.26 32.46 0 32.46h-29.13v-32.46zm-95.56-1.6c21.18 0 21.11 38.85 0 38.85H96.18v-38.84zm192.65-18.25c-68.46 0-71 105.8 0 105.8c69.48-.01 69.41-105.8 0-105.8m0 17.39c44.12 0 44.8 70.86 0 70.86s-44.43-70.86 0-70.86"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M202.9 8.43c9.9-5.73 26-5.82 35.95-.21L430 115.85c10 5.6 18 19.44 18 30.86V364c0 11.44-8.06 25.29-18 31L238.81 503.74c-9.93 5.66-26 5.57-35.85-.21L17.86 395.12C8 389.34 0 375.38 0 364V146.71c0-11.44 8-25.36 17.91-31.08zm-77.4 199.83c-15.94 0-31.89.14-47.83.14v101.45H96.8V280h28.7c49.71 0 49.56-71.74 0-71.74m140.14 100.29l-30.73-34.64c37-7.51 34.8-65.23-10.87-65.51c-16.09 0-32.17-.14-48.26-.14v101.59h19.13v-33.91h18.41l29.56 33.91h22.76zm-41.59-82.32c23.34 0 23.26 32.46 0 32.46h-29.13v-32.46zm-95.56-1.6c21.18 0 21.11 38.85 0 38.85H96.18v-38.84zm192.65-18.25c-68.46 0-71 105.8 0 105.8c69.48-.01 69.41-105.8 0-105.8m0 17.39c44.12 0 44.8 70.86 0 70.86s-44.43-70.86 0-70.86"/></svg>
</template>

CSS

.icon-themeco {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M202.9%208.43c9.9-5.73%2026-5.82%2035.95-.21L430%20115.85c10%205.6%2018%2019.44%2018%2030.86V364c0%2011.44-8.06%2025.29-18%2031L238.81%20503.74c-9.93%205.66-26%205.57-35.85-.21L17.86%20395.12C8%20389.34%200%20375.38%200%20364V146.71c0-11.44%208-25.36%2017.91-31.08zm-77.4%20199.83c-15.94%200-31.89.14-47.83.14v101.45H96.8V280h28.7c49.71%200%2049.56-71.74%200-71.74m140.14%20100.29l-30.73-34.64c37-7.51%2034.8-65.23-10.87-65.51c-16.09%200-32.17-.14-48.26-.14v101.59h19.13v-33.91h18.41l29.56%2033.91h22.76zm-41.59-82.32c23.34%200%2023.26%2032.46%200%2032.46h-29.13v-32.46zm-95.56-1.6c21.18%200%2021.11%2038.85%200%2038.85H96.18v-38.84zm192.65-18.25c-68.46%200-71%20105.8%200%20105.8c69.48-.01%2069.41-105.8%200-105.8m0%2017.39c44.12%200%2044.8%2070.86%200%2070.86s-44.43-70.86%200-70.86%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M202.9%208.43c9.9-5.73%2026-5.82%2035.95-.21L430%20115.85c10%205.6%2018%2019.44%2018%2030.86V364c0%2011.44-8.06%2025.29-18%2031L238.81%20503.74c-9.93%205.66-26%205.57-35.85-.21L17.86%20395.12C8%20389.34%200%20375.38%200%20364V146.71c0-11.44%208-25.36%2017.91-31.08zm-77.4%20199.83c-15.94%200-31.89.14-47.83.14v101.45H96.8V280h28.7c49.71%200%2049.56-71.74%200-71.74m140.14%20100.29l-30.73-34.64c37-7.51%2034.8-65.23-10.87-65.51c-16.09%200-32.17-.14-48.26-.14v101.59h19.13v-33.91h18.41l29.56%2033.91h22.76zm-41.59-82.32c23.34%200%2023.26%2032.46%200%2032.46h-29.13v-32.46zm-95.56-1.6c21.18%200%2021.11%2038.85%200%2038.85H96.18v-38.84zm192.65-18.25c-68.46%200-71%20105.8%200%20105.8c69.48-.01%2069.41-105.8%200-105.8m0%2017.39c44.12%200%2044.8%2070.86%200%2070.86s-44.43-70.86%200-70.86%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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