typo3 logo

typo3 from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: typo3
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

typo3CoreUI Brands typo3Font Awesome 6 Brands 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 128 128"><path fill="#f49700" d="M96.074 87.898a17.5 17.5 0 0 1-5.37.77c-16.2 0-39.985-56.606-39.985-75.45c0-6.921 1.644-9.241 3.965-11.226C34.855 4.301 11.07 11.582 3.46 20.88C1.867 23.133.82 26.766.82 31.39c0 29.379 31.39 96.148 53.507 96.148c10.25 0 27.52-16.789 41.723-39.648M85.738 0c20.48 0 40.98 3.305 40.98 14.867c0 23.461-14.874 51.89-22.472 51.89c-13.543 0-30.426-37.675-30.426-56.519C73.82 1.648 77.113 0 85.707 0"/></svg>

React

import type { SVGProps } from "react";

export function DeviconTypo3(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f49700" d="M96.074 87.898a17.5 17.5 0 0 1-5.37.77c-16.2 0-39.985-56.606-39.985-75.45c0-6.921 1.644-9.241 3.965-11.226C34.855 4.301 11.07 11.582 3.46 20.88C1.867 23.133.82 26.766.82 31.39c0 29.379 31.39 96.148 53.507 96.148c10.25 0 27.52-16.789 41.723-39.648M85.738 0c20.48 0 40.98 3.305 40.98 14.867c0 23.461-14.874 51.89-22.472 51.89c-13.543 0-30.426-37.675-30.426-56.519C73.82 1.648 77.113 0 85.707 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f49700" d="M96.074 87.898a17.5 17.5 0 0 1-5.37.77c-16.2 0-39.985-56.606-39.985-75.45c0-6.921 1.644-9.241 3.965-11.226C34.855 4.301 11.07 11.582 3.46 20.88C1.867 23.133.82 26.766.82 31.39c0 29.379 31.39 96.148 53.507 96.148c10.25 0 27.52-16.789 41.723-39.648M85.738 0c20.48 0 40.98 3.305 40.98 14.867c0 23.461-14.874 51.89-22.472 51.89c-13.543 0-30.426-37.675-30.426-56.519C73.82 1.648 77.113 0 85.707 0"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f49700%22%20d%3D%22M96.074%2087.898a17.5%2017.5%200%200%201-5.37.77c-16.2%200-39.985-56.606-39.985-75.45c0-6.921%201.644-9.241%203.965-11.226C34.855%204.301%2011.07%2011.582%203.46%2020.88C1.867%2023.133.82%2026.766.82%2031.39c0%2029.379%2031.39%2096.148%2053.507%2096.148c10.25%200%2027.52-16.789%2041.723-39.648M85.738%200c20.48%200%2040.98%203.305%2040.98%2014.867c0%2023.461-14.874%2051.89-22.472%2051.89c-13.543%200-30.426-37.675-30.426-56.519C73.82%201.648%2077.113%200%2085.707%200%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f49700%22%20d%3D%22M96.074%2087.898a17.5%2017.5%200%200%201-5.37.77c-16.2%200-39.985-56.606-39.985-75.45c0-6.921%201.644-9.241%203.965-11.226C34.855%204.301%2011.07%2011.582%203.46%2020.88C1.867%2023.133.82%2026.766.82%2031.39c0%2029.379%2031.39%2096.148%2053.507%2096.148c10.25%200%2027.52-16.789%2041.723-39.648M85.738%200c20.48%200%2040.98%203.305%2040.98%2014.867c0%2023.461-14.874%2051.89-22.472%2051.89c-13.543%200-30.426-37.675-30.426-56.519C73.82%201.648%2077.113%200%2085.707%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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