typo3 logo

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

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

The same logo in other sets

typo3CoreUI Brands typo3Devicon typo3Font Awesome Brands typo3Line Awesome typo3SVG Logos typo3Simple Icons

Use the typo3 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M178.7 78.4c0-24.7 5.4-32.4 13.9-39.4c-69.5 8.5-149.3 34-176.3 66.4c-5.4 7.7-9.3 20.8-9.3 37.1C7 246 113.8 480 191.1 480c36.3 0 97.3-59.5 146.7-139c-7 2.3-11.6 2.3-18.5 2.3c-57.2 0-140.6-198.5-140.6-264.9M301.5 32c-30.1 0-41.7 5.4-41.7 36.3c0 66.4 53.8 198.5 101.7 198.5c26.3 0 78.8-99.7 78.8-182.3c0-40.9-67-52.5-138.8-52.5"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsTypo3(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="M178.7 78.4c0-24.7 5.4-32.4 13.9-39.4c-69.5 8.5-149.3 34-176.3 66.4c-5.4 7.7-9.3 20.8-9.3 37.1C7 246 113.8 480 191.1 480c36.3 0 97.3-59.5 146.7-139c-7 2.3-11.6 2.3-18.5 2.3c-57.2 0-140.6-198.5-140.6-264.9M301.5 32c-30.1 0-41.7 5.4-41.7 36.3c0 66.4 53.8 198.5 101.7 198.5c26.3 0 78.8-99.7 78.8-182.3c0-40.9-67-52.5-138.8-52.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M178.7 78.4c0-24.7 5.4-32.4 13.9-39.4c-69.5 8.5-149.3 34-176.3 66.4c-5.4 7.7-9.3 20.8-9.3 37.1C7 246 113.8 480 191.1 480c36.3 0 97.3-59.5 146.7-139c-7 2.3-11.6 2.3-18.5 2.3c-57.2 0-140.6-198.5-140.6-264.9M301.5 32c-30.1 0-41.7 5.4-41.7 36.3c0 66.4 53.8 198.5 101.7 198.5c26.3 0 78.8-99.7 78.8-182.3c0-40.9-67-52.5-138.8-52.5"/></svg>
</template>

CSS

.icon-typo3 {
  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%22M178.7%2078.4c0-24.7%205.4-32.4%2013.9-39.4c-69.5%208.5-149.3%2034-176.3%2066.4c-5.4%207.7-9.3%2020.8-9.3%2037.1C7%20246%20113.8%20480%20191.1%20480c36.3%200%2097.3-59.5%20146.7-139c-7%202.3-11.6%202.3-18.5%202.3c-57.2%200-140.6-198.5-140.6-264.9M301.5%2032c-30.1%200-41.7%205.4-41.7%2036.3c0%2066.4%2053.8%20198.5%20101.7%20198.5c26.3%200%2078.8-99.7%2078.8-182.3c0-40.9-67-52.5-138.8-52.5%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%22M178.7%2078.4c0-24.7%205.4-32.4%2013.9-39.4c-69.5%208.5-149.3%2034-176.3%2066.4c-5.4%207.7-9.3%2020.8-9.3%2037.1C7%20246%20113.8%20480%20191.1%20480c36.3%200%2097.3-59.5%20146.7-139c-7%202.3-11.6%202.3-18.5%202.3c-57.2%200-140.6-198.5-140.6-264.9M301.5%2032c-30.1%200-41.7%205.4-41.7%2036.3c0%2066.4%2053.8%20198.5%20101.7%20198.5c26.3%200%2078.8-99.7%2078.8-182.3c0-40.9-67-52.5-138.8-52.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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