typo3 logo

typo3-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.

Name: typo3-wordmark
Set: Devicon
Style: Wordmark
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="M25.309 70.219a4.7 4.7 0 0 1-1.43.203c-4.27 0-10.613-15.031-10.613-20.043c0-1.836.437-2.453 1.066-2.977c-5.258.606-11.586 2.54-13.602 5a4.9 4.9 0 0 0-.726 2.809c0 7.816 8.344 25.598 14.219 25.598c2.722 0 7.308-4.48 11.086-10.54m-2.743-23.402c5.438 0 10.891.887 10.891 3.957c0 6.23-3.957 13.781-5.973 13.781c-3.605 0-8.074-10.003-8.074-15.015c0-2.285.871-2.723 3.2-2.723"/><path d="M51.695 57.906v22.89h-3.199v-22.89h-5.633v-2.781h14.489v2.781Zm16.801 10.989v11.902h-3.305V68.895l-6.52-13.77h3.52l4.844 10.664l4.844-10.664h3.336Zm16.844 2.218h-3.137v9.684h-3.2V55.125s3.2-.258 6.196-.258c5.578 0 7.192 3.446 7.192 7.957c.007 5.57-1.899 8.29-7.051 8.29Zm.37-13.61a24 24 0 0 0-3.452.224v10.668h3.402c2.047 0 3.477-1.356 3.477-5.336c0-3.649-.875-5.555-3.477-5.555Zm18.571 23.552c-6.047 0-7.668-4.407-7.668-13.387c0-8.617 1.621-12.8 7.668-12.8c6.051 0 7.672 4.183 7.672 12.8c.05 8.98-1.621 13.387-7.672 13.387m0-23.465c-3.304 0-4.402 2.226-4.402 10.3c0 7.883 1.066 10.532 4.402 10.532c3.34 0 4.395-2.649 4.395-10.531c0-8.118-1.098-10.344-4.395-10.344Zm17.528 23.465a28 28 0 0 1-4.813-.63v-2.753c1.574.332 3.172.527 4.781.59c1.868 0 3.07-1.54 3.07-4.364c0-3.414-.542-5.101-3.199-5.101h-3.007V66.12h2.632c2.977 0 3.125-3.039 3.125-4.512c0-2.89-.914-4.062-2.75-4.062c-1.52.055-3.03.262-4.511.617v-2.676a23 23 0 0 1 4.437-.62c3.778 0 5.942 1.612 5.942 7.073c0 2.496-.77 4.692-2.797 5.332c2.39.332 3.203 2.676 3.203 6.274c.082 5.45-2.05 7.508-6.113 7.508Zm0 0"/></svg>

React

import type { SVGProps } from "react";

export function DeviconTypo3Wordmark(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="M25.309 70.219a4.7 4.7 0 0 1-1.43.203c-4.27 0-10.613-15.031-10.613-20.043c0-1.836.437-2.453 1.066-2.977c-5.258.606-11.586 2.54-13.602 5a4.9 4.9 0 0 0-.726 2.809c0 7.816 8.344 25.598 14.219 25.598c2.722 0 7.308-4.48 11.086-10.54m-2.743-23.402c5.438 0 10.891.887 10.891 3.957c0 6.23-3.957 13.781-5.973 13.781c-3.605 0-8.074-10.003-8.074-15.015c0-2.285.871-2.723 3.2-2.723"/><path d="M51.695 57.906v22.89h-3.199v-22.89h-5.633v-2.781h14.489v2.781Zm16.801 10.989v11.902h-3.305V68.895l-6.52-13.77h3.52l4.844 10.664l4.844-10.664h3.336Zm16.844 2.218h-3.137v9.684h-3.2V55.125s3.2-.258 6.196-.258c5.578 0 7.192 3.446 7.192 7.957c.007 5.57-1.899 8.29-7.051 8.29Zm.37-13.61a24 24 0 0 0-3.452.224v10.668h3.402c2.047 0 3.477-1.356 3.477-5.336c0-3.649-.875-5.555-3.477-5.555Zm18.571 23.552c-6.047 0-7.668-4.407-7.668-13.387c0-8.617 1.621-12.8 7.668-12.8c6.051 0 7.672 4.183 7.672 12.8c.05 8.98-1.621 13.387-7.672 13.387m0-23.465c-3.304 0-4.402 2.226-4.402 10.3c0 7.883 1.066 10.532 4.402 10.532c3.34 0 4.395-2.649 4.395-10.531c0-8.118-1.098-10.344-4.395-10.344Zm17.528 23.465a28 28 0 0 1-4.813-.63v-2.753c1.574.332 3.172.527 4.781.59c1.868 0 3.07-1.54 3.07-4.364c0-3.414-.542-5.101-3.199-5.101h-3.007V66.12h2.632c2.977 0 3.125-3.039 3.125-4.512c0-2.89-.914-4.062-2.75-4.062c-1.52.055-3.03.262-4.511.617v-2.676a23 23 0 0 1 4.437-.62c3.778 0 5.942 1.612 5.942 7.073c0 2.496-.77 4.692-2.797 5.332c2.39.332 3.203 2.676 3.203 6.274c.082 5.45-2.05 7.508-6.113 7.508Zm0 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="M25.309 70.219a4.7 4.7 0 0 1-1.43.203c-4.27 0-10.613-15.031-10.613-20.043c0-1.836.437-2.453 1.066-2.977c-5.258.606-11.586 2.54-13.602 5a4.9 4.9 0 0 0-.726 2.809c0 7.816 8.344 25.598 14.219 25.598c2.722 0 7.308-4.48 11.086-10.54m-2.743-23.402c5.438 0 10.891.887 10.891 3.957c0 6.23-3.957 13.781-5.973 13.781c-3.605 0-8.074-10.003-8.074-15.015c0-2.285.871-2.723 3.2-2.723"/><path d="M51.695 57.906v22.89h-3.199v-22.89h-5.633v-2.781h14.489v2.781Zm16.801 10.989v11.902h-3.305V68.895l-6.52-13.77h3.52l4.844 10.664l4.844-10.664h3.336Zm16.844 2.218h-3.137v9.684h-3.2V55.125s3.2-.258 6.196-.258c5.578 0 7.192 3.446 7.192 7.957c.007 5.57-1.899 8.29-7.051 8.29Zm.37-13.61a24 24 0 0 0-3.452.224v10.668h3.402c2.047 0 3.477-1.356 3.477-5.336c0-3.649-.875-5.555-3.477-5.555Zm18.571 23.552c-6.047 0-7.668-4.407-7.668-13.387c0-8.617 1.621-12.8 7.668-12.8c6.051 0 7.672 4.183 7.672 12.8c.05 8.98-1.621 13.387-7.672 13.387m0-23.465c-3.304 0-4.402 2.226-4.402 10.3c0 7.883 1.066 10.532 4.402 10.532c3.34 0 4.395-2.649 4.395-10.531c0-8.118-1.098-10.344-4.395-10.344Zm17.528 23.465a28 28 0 0 1-4.813-.63v-2.753c1.574.332 3.172.527 4.781.59c1.868 0 3.07-1.54 3.07-4.364c0-3.414-.542-5.101-3.199-5.101h-3.007V66.12h2.632c2.977 0 3.125-3.039 3.125-4.512c0-2.89-.914-4.062-2.75-4.062c-1.52.055-3.03.262-4.511.617v-2.676a23 23 0 0 1 4.437-.62c3.778 0 5.942 1.612 5.942 7.073c0 2.496-.77 4.692-2.797 5.332c2.39.332 3.203 2.676 3.203 6.274c.082 5.45-2.05 7.508-6.113 7.508Zm0 0"/></svg>
</template>

CSS

.icon-typo3-wordmark {
  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%22M25.309%2070.219a4.7%204.7%200%200%201-1.43.203c-4.27%200-10.613-15.031-10.613-20.043c0-1.836.437-2.453%201.066-2.977c-5.258.606-11.586%202.54-13.602%205a4.9%204.9%200%200%200-.726%202.809c0%207.816%208.344%2025.598%2014.219%2025.598c2.722%200%207.308-4.48%2011.086-10.54m-2.743-23.402c5.438%200%2010.891.887%2010.891%203.957c0%206.23-3.957%2013.781-5.973%2013.781c-3.605%200-8.074-10.003-8.074-15.015c0-2.285.871-2.723%203.2-2.723%22%2F%3E%3Cpath%20d%3D%22M51.695%2057.906v22.89h-3.199v-22.89h-5.633v-2.781h14.489v2.781Zm16.801%2010.989v11.902h-3.305V68.895l-6.52-13.77h3.52l4.844%2010.664l4.844-10.664h3.336Zm16.844%202.218h-3.137v9.684h-3.2V55.125s3.2-.258%206.196-.258c5.578%200%207.192%203.446%207.192%207.957c.007%205.57-1.899%208.29-7.051%208.29Zm.37-13.61a24%2024%200%200%200-3.452.224v10.668h3.402c2.047%200%203.477-1.356%203.477-5.336c0-3.649-.875-5.555-3.477-5.555Zm18.571%2023.552c-6.047%200-7.668-4.407-7.668-13.387c0-8.617%201.621-12.8%207.668-12.8c6.051%200%207.672%204.183%207.672%2012.8c.05%208.98-1.621%2013.387-7.672%2013.387m0-23.465c-3.304%200-4.402%202.226-4.402%2010.3c0%207.883%201.066%2010.532%204.402%2010.532c3.34%200%204.395-2.649%204.395-10.531c0-8.118-1.098-10.344-4.395-10.344Zm17.528%2023.465a28%2028%200%200%201-4.813-.63v-2.753c1.574.332%203.172.527%204.781.59c1.868%200%203.07-1.54%203.07-4.364c0-3.414-.542-5.101-3.199-5.101h-3.007V66.12h2.632c2.977%200%203.125-3.039%203.125-4.512c0-2.89-.914-4.062-2.75-4.062c-1.52.055-3.03.262-4.511.617v-2.676a23%2023%200%200%201%204.437-.62c3.778%200%205.942%201.612%205.942%207.073c0%202.496-.77%204.692-2.797%205.332c2.39.332%203.203%202.676%203.203%206.274c.082%205.45-2.05%207.508-6.113%207.508Zm0%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%22M25.309%2070.219a4.7%204.7%200%200%201-1.43.203c-4.27%200-10.613-15.031-10.613-20.043c0-1.836.437-2.453%201.066-2.977c-5.258.606-11.586%202.54-13.602%205a4.9%204.9%200%200%200-.726%202.809c0%207.816%208.344%2025.598%2014.219%2025.598c2.722%200%207.308-4.48%2011.086-10.54m-2.743-23.402c5.438%200%2010.891.887%2010.891%203.957c0%206.23-3.957%2013.781-5.973%2013.781c-3.605%200-8.074-10.003-8.074-15.015c0-2.285.871-2.723%203.2-2.723%22%2F%3E%3Cpath%20d%3D%22M51.695%2057.906v22.89h-3.199v-22.89h-5.633v-2.781h14.489v2.781Zm16.801%2010.989v11.902h-3.305V68.895l-6.52-13.77h3.52l4.844%2010.664l4.844-10.664h3.336Zm16.844%202.218h-3.137v9.684h-3.2V55.125s3.2-.258%206.196-.258c5.578%200%207.192%203.446%207.192%207.957c.007%205.57-1.899%208.29-7.051%208.29Zm.37-13.61a24%2024%200%200%200-3.452.224v10.668h3.402c2.047%200%203.477-1.356%203.477-5.336c0-3.649-.875-5.555-3.477-5.555Zm18.571%2023.552c-6.047%200-7.668-4.407-7.668-13.387c0-8.617%201.621-12.8%207.668-12.8c6.051%200%207.672%204.183%207.672%2012.8c.05%208.98-1.621%2013.387-7.672%2013.387m0-23.465c-3.304%200-4.402%202.226-4.402%2010.3c0%207.883%201.066%2010.532%204.402%2010.532c3.34%200%204.395-2.649%204.395-10.531c0-8.118-1.098-10.344-4.395-10.344Zm17.528%2023.465a28%2028%200%200%201-4.813-.63v-2.753c1.574.332%203.172.527%204.781.59c1.868%200%203.07-1.54%203.07-4.364c0-3.414-.542-5.101-3.199-5.101h-3.007V66.12h2.632c2.977%200%203.125-3.039%203.125-4.512c0-2.89-.914-4.062-2.75-4.062c-1.52.055-3.03.262-4.511.617v-2.676a23%2023%200%200%201%204.437-.62c3.778%200%205.942%201.612%205.942%207.073c0%202.496-.77%204.692-2.797%205.332c2.39.332%203.203%202.676%203.203%206.274c.082%205.45-2.05%207.508-6.113%207.508Zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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