typo3 icon logo

typo3-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
typo3-icon
Set
SVG Logos
Style
Color
Viewbox
256×260
License
CC0

Use the typo3 icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 260"><path fill="#f49700" d="M109.525 4.053c-4.714 4.032-8.064 8.747-8.064 22.827c0 38.315 48.363 153.408 81.302 153.408c3.7.05 7.384-.475 10.922-1.557l-.069.019l-.842 1.35c-28.427 45.312-62.64 78.55-83.344 79.218l-.63.01C63.83 259.328 0 123.563 0 63.829c0-9.408 2.133-16.789 5.376-21.376c15.467-18.901 63.83-33.706 104.15-38.4M172.672 0C214.315 0 256 6.72 256 30.23c0 47.7-30.25 105.514-45.696 105.514c-27.541 0-61.867-76.608-61.867-114.923C148.437 3.35 155.136 0 172.608 0z"/></svg>

React

import type { SVGProps } from "react";

export function LogosTypo3Icon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 260"><path fill="#f49700" d="M109.525 4.053c-4.714 4.032-8.064 8.747-8.064 22.827c0 38.315 48.363 153.408 81.302 153.408c3.7.05 7.384-.475 10.922-1.557l-.069.019l-.842 1.35c-28.427 45.312-62.64 78.55-83.344 79.218l-.63.01C63.83 259.328 0 123.563 0 63.829c0-9.408 2.133-16.789 5.376-21.376c15.467-18.901 63.83-33.706 104.15-38.4M172.672 0C214.315 0 256 6.72 256 30.23c0 47.7-30.25 105.514-45.696 105.514c-27.541 0-61.867-76.608-61.867-114.923C148.437 3.35 155.136 0 172.608 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 260"><path fill="#f49700" d="M109.525 4.053c-4.714 4.032-8.064 8.747-8.064 22.827c0 38.315 48.363 153.408 81.302 153.408c3.7.05 7.384-.475 10.922-1.557l-.069.019l-.842 1.35c-28.427 45.312-62.64 78.55-83.344 79.218l-.63.01C63.83 259.328 0 123.563 0 63.829c0-9.408 2.133-16.789 5.376-21.376c15.467-18.901 63.83-33.706 104.15-38.4M172.672 0C214.315 0 256 6.72 256 30.23c0 47.7-30.25 105.514-45.696 105.514c-27.541 0-61.867-76.608-61.867-114.923C148.437 3.35 155.136 0 172.608 0z"/></svg>
</template>

CSS

.icon-typo3-icon {
  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%20256%20260%22%3E%3Cpath%20fill%3D%22%23f49700%22%20d%3D%22M109.525%204.053c-4.714%204.032-8.064%208.747-8.064%2022.827c0%2038.315%2048.363%20153.408%2081.302%20153.408c3.7.05%207.384-.475%2010.922-1.557l-.069.019l-.842%201.35c-28.427%2045.312-62.64%2078.55-83.344%2079.218l-.63.01C63.83%20259.328%200%20123.563%200%2063.829c0-9.408%202.133-16.789%205.376-21.376c15.467-18.901%2063.83-33.706%20104.15-38.4M172.672%200C214.315%200%20256%206.72%20256%2030.23c0%2047.7-30.25%20105.514-45.696%20105.514c-27.541%200-61.867-76.608-61.867-114.923C148.437%203.35%20155.136%200%20172.608%200z%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%20256%20260%22%3E%3Cpath%20fill%3D%22%23f49700%22%20d%3D%22M109.525%204.053c-4.714%204.032-8.064%208.747-8.064%2022.827c0%2038.315%2048.363%20153.408%2081.302%20153.408c3.7.05%207.384-.475%2010.922-1.557l-.069.019l-.842%201.35c-28.427%2045.312-62.64%2078.55-83.344%2079.218l-.63.01C63.83%20259.328%200%20123.563%200%2063.829c0-9.408%202.133-16.789%205.376-21.376c15.467-18.901%2063.83-33.706%20104.15-38.4M172.672%200C214.315%200%20256%206.72%20256%2030.23c0%2047.7-30.25%20105.514-45.696%20105.514c-27.541%200-61.867-76.608-61.867-114.923C148.437%203.35%20155.136%200%20172.608%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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