threema logo

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

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

The same logo in other sets

Use the threema logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M215.4 509.1c18.5 0 33.5 15 33.5 33.4s-15 33.5-33.5 33.5s-33.4-15-33.4-33.5s15-33.4 33.4-33.4m109.2 0c18.5 0 33.5 15 33.5 33.4s-15 33.5-33.5 33.5s-33.4-15-33.4-33.5s15-33.4 33.4-33.4m109.3 0c18.5 0 33.5 15 33.5 33.4s-15 33.5-33.5 33.5s-33.5-15-33.5-33.5s15-33.4 33.5-33.4M320.3 64.3c109.8 0 199.2 89.3 199.2 199.1s-89.3 199.1-199.1 199.1c-40.5 0-78.1-12.1-109.6-32.9l-76.5 24.5l24.8-74c-23.8-32.7-37.9-73.1-37.9-116.7c0-109.7 89.3-199.1 199.1-199.1m.1 93.7c-31.6 0-57.3 25.8-57.3 57.3V242h-1.8c-10 0-18 8-18 18v72.3c0 10 8 18 18 18h118.1c10 0 18-8 18-18h.1V260c0-10-8.1-18-18-18h-1.8v-26.7c0-31.6-25.8-57.3-57.3-57.3m-.1 23.5c18.6 0 33.8 15.1 33.8 33.8V242h-67.6v-26.7c0-18.6 15.1-33.8 33.8-33.8"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsThreema(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="M215.4 509.1c18.5 0 33.5 15 33.5 33.4s-15 33.5-33.5 33.5s-33.4-15-33.4-33.5s15-33.4 33.4-33.4m109.2 0c18.5 0 33.5 15 33.5 33.4s-15 33.5-33.5 33.5s-33.4-15-33.4-33.5s15-33.4 33.4-33.4m109.3 0c18.5 0 33.5 15 33.5 33.4s-15 33.5-33.5 33.5s-33.5-15-33.5-33.5s15-33.4 33.5-33.4M320.3 64.3c109.8 0 199.2 89.3 199.2 199.1s-89.3 199.1-199.1 199.1c-40.5 0-78.1-12.1-109.6-32.9l-76.5 24.5l24.8-74c-23.8-32.7-37.9-73.1-37.9-116.7c0-109.7 89.3-199.1 199.1-199.1m.1 93.7c-31.6 0-57.3 25.8-57.3 57.3V242h-1.8c-10 0-18 8-18 18v72.3c0 10 8 18 18 18h118.1c10 0 18-8 18-18h.1V260c0-10-8.1-18-18-18h-1.8v-26.7c0-31.6-25.8-57.3-57.3-57.3m-.1 23.5c18.6 0 33.8 15.1 33.8 33.8V242h-67.6v-26.7c0-18.6 15.1-33.8 33.8-33.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M215.4 509.1c18.5 0 33.5 15 33.5 33.4s-15 33.5-33.5 33.5s-33.4-15-33.4-33.5s15-33.4 33.4-33.4m109.2 0c18.5 0 33.5 15 33.5 33.4s-15 33.5-33.5 33.5s-33.4-15-33.4-33.5s15-33.4 33.4-33.4m109.3 0c18.5 0 33.5 15 33.5 33.4s-15 33.5-33.5 33.5s-33.5-15-33.5-33.5s15-33.4 33.5-33.4M320.3 64.3c109.8 0 199.2 89.3 199.2 199.1s-89.3 199.1-199.1 199.1c-40.5 0-78.1-12.1-109.6-32.9l-76.5 24.5l24.8-74c-23.8-32.7-37.9-73.1-37.9-116.7c0-109.7 89.3-199.1 199.1-199.1m.1 93.7c-31.6 0-57.3 25.8-57.3 57.3V242h-1.8c-10 0-18 8-18 18v72.3c0 10 8 18 18 18h118.1c10 0 18-8 18-18h.1V260c0-10-8.1-18-18-18h-1.8v-26.7c0-31.6-25.8-57.3-57.3-57.3m-.1 23.5c18.6 0 33.8 15.1 33.8 33.8V242h-67.6v-26.7c0-18.6 15.1-33.8 33.8-33.8"/></svg>
</template>

CSS

.icon-threema {
  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%22M215.4%20509.1c18.5%200%2033.5%2015%2033.5%2033.4s-15%2033.5-33.5%2033.5s-33.4-15-33.4-33.5s15-33.4%2033.4-33.4m109.2%200c18.5%200%2033.5%2015%2033.5%2033.4s-15%2033.5-33.5%2033.5s-33.4-15-33.4-33.5s15-33.4%2033.4-33.4m109.3%200c18.5%200%2033.5%2015%2033.5%2033.4s-15%2033.5-33.5%2033.5s-33.5-15-33.5-33.5s15-33.4%2033.5-33.4M320.3%2064.3c109.8%200%20199.2%2089.3%20199.2%20199.1s-89.3%20199.1-199.1%20199.1c-40.5%200-78.1-12.1-109.6-32.9l-76.5%2024.5l24.8-74c-23.8-32.7-37.9-73.1-37.9-116.7c0-109.7%2089.3-199.1%20199.1-199.1m.1%2093.7c-31.6%200-57.3%2025.8-57.3%2057.3V242h-1.8c-10%200-18%208-18%2018v72.3c0%2010%208%2018%2018%2018h118.1c10%200%2018-8%2018-18h.1V260c0-10-8.1-18-18-18h-1.8v-26.7c0-31.6-25.8-57.3-57.3-57.3m-.1%2023.5c18.6%200%2033.8%2015.1%2033.8%2033.8V242h-67.6v-26.7c0-18.6%2015.1-33.8%2033.8-33.8%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%22M215.4%20509.1c18.5%200%2033.5%2015%2033.5%2033.4s-15%2033.5-33.5%2033.5s-33.4-15-33.4-33.5s15-33.4%2033.4-33.4m109.2%200c18.5%200%2033.5%2015%2033.5%2033.4s-15%2033.5-33.5%2033.5s-33.4-15-33.4-33.5s15-33.4%2033.4-33.4m109.3%200c18.5%200%2033.5%2015%2033.5%2033.4s-15%2033.5-33.5%2033.5s-33.5-15-33.5-33.5s15-33.4%2033.5-33.4M320.3%2064.3c109.8%200%20199.2%2089.3%20199.2%20199.1s-89.3%20199.1-199.1%20199.1c-40.5%200-78.1-12.1-109.6-32.9l-76.5%2024.5l24.8-74c-23.8-32.7-37.9-73.1-37.9-116.7c0-109.7%2089.3-199.1%20199.1-199.1m.1%2093.7c-31.6%200-57.3%2025.8-57.3%2057.3V242h-1.8c-10%200-18%208-18%2018v72.3c0%2010%208%2018%2018%2018h118.1c10%200%2018-8%2018-18h.1V260c0-10-8.1-18-18-18h-1.8v-26.7c0-31.6-25.8-57.3-57.3-57.3m-.1%2023.5c18.6%200%2033.8%2015.1%2033.8%2033.8V242h-67.6v-26.7c0-18.6%2015.1-33.8%2033.8-33.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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