typo3 logo
typo3 from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- typo3
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×137
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the typo3 logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 137"><path fill="#f49700" d="M57.446 2.091c-2.424 2.092-4.183 4.564-4.183 11.931c0 20.011 25.24 80.14 42.447 80.14c1.931.022 3.855-.25 5.704-.808l-.094.026l-.407.652c-14.83 23.63-32.706 41.034-43.518 41.383l-.329.005C33.3 135.42.027 64.55.027 33.273a19.6 19.6 0 0 1 2.804-11.17c8.271-9.84 33.32-17.35 54.615-20.012M90.196 0c21.77 0 43.54 3.517 43.54 15.78c0 24.908-15.78 55.139-23.766 55.139c-14.26 0-32.275-40.023-32.275-60.034C77.695 1.87 81.127.044 89.962.001z"/><path d="M416.982 31.942c24.195 0 30.659 16.731 30.659 51.192c0 35.935-6.464 53.522-30.659 53.522c-24.194 0-30.658-17.587-30.658-53.522c0-34.46 6.464-51.192 30.658-51.192m69.493 0c15.068 0 23.766 6.464 23.766 28.52c0 9.934-3.042 19.012-11.122 21.246C508.625 83.04 512 92.403 512 106.806c-.19 21.532-8.65 29.85-24.955 29.85a115.6 115.6 0 0 1-19.013-2.472v-11.027a109 109 0 0 0 19.013 2.376c7.463 0 12.311-6.179 12.311-17.492c0-13.594-2.186-20.343-12.596-20.343h-12.026V76.955h10.553c11.883 0 12.453-12.168 12.453-18.015c0-11.598-3.66-16.303-10.98-16.303a92 92 0 0 0-18.062 2.519V34.46a87.8 87.8 0 0 1 17.777-2.52m-257.151 1.046V44.11h-22.626v91.548H193.96V44.11h-22.578V32.988zM340.74 31.94c22.293 0 28.52 13.784 28.52 31.847c.19 22.292-7.415 33.13-28.235 33.13h-12.31v38.739h-12.787V32.988s11.248-.93 22.736-1.036l.83-.007zm-91.975 1.046l19.393 42.779l19.346-42.78h13.071l-26.713 54.996v47.532h-13.214v-47.53l-26.143-54.995zm168.217 9.649c-13.214 0-17.634 8.983-17.634 41.21s4.42 42.114 17.634 42.114s17.587-10.552 17.587-42.114s-4.42-41.068-17.587-41.068zm-74.483-.143a97.5 97.5 0 0 0-13.784.903v42.78h13.784c8.223 0 13.927-5.42 13.927-21.438c0-14.592-3.517-22.245-13.927-22.245"/></svg>
React
import type { SVGProps } from "react";
export function LogosTypo3(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 137"><path fill="#f49700" d="M57.446 2.091c-2.424 2.092-4.183 4.564-4.183 11.931c0 20.011 25.24 80.14 42.447 80.14c1.931.022 3.855-.25 5.704-.808l-.094.026l-.407.652c-14.83 23.63-32.706 41.034-43.518 41.383l-.329.005C33.3 135.42.027 64.55.027 33.273a19.6 19.6 0 0 1 2.804-11.17c8.271-9.84 33.32-17.35 54.615-20.012M90.196 0c21.77 0 43.54 3.517 43.54 15.78c0 24.908-15.78 55.139-23.766 55.139c-14.26 0-32.275-40.023-32.275-60.034C77.695 1.87 81.127.044 89.962.001z"/><path d="M416.982 31.942c24.195 0 30.659 16.731 30.659 51.192c0 35.935-6.464 53.522-30.659 53.522c-24.194 0-30.658-17.587-30.658-53.522c0-34.46 6.464-51.192 30.658-51.192m69.493 0c15.068 0 23.766 6.464 23.766 28.52c0 9.934-3.042 19.012-11.122 21.246C508.625 83.04 512 92.403 512 106.806c-.19 21.532-8.65 29.85-24.955 29.85a115.6 115.6 0 0 1-19.013-2.472v-11.027a109 109 0 0 0 19.013 2.376c7.463 0 12.311-6.179 12.311-17.492c0-13.594-2.186-20.343-12.596-20.343h-12.026V76.955h10.553c11.883 0 12.453-12.168 12.453-18.015c0-11.598-3.66-16.303-10.98-16.303a92 92 0 0 0-18.062 2.519V34.46a87.8 87.8 0 0 1 17.777-2.52m-257.151 1.046V44.11h-22.626v91.548H193.96V44.11h-22.578V32.988zM340.74 31.94c22.293 0 28.52 13.784 28.52 31.847c.19 22.292-7.415 33.13-28.235 33.13h-12.31v38.739h-12.787V32.988s11.248-.93 22.736-1.036l.83-.007zm-91.975 1.046l19.393 42.779l19.346-42.78h13.071l-26.713 54.996v47.532h-13.214v-47.53l-26.143-54.995zm168.217 9.649c-13.214 0-17.634 8.983-17.634 41.21s4.42 42.114 17.634 42.114s17.587-10.552 17.587-42.114s-4.42-41.068-17.587-41.068zm-74.483-.143a97.5 97.5 0 0 0-13.784.903v42.78h13.784c8.223 0 13.927-5.42 13.927-21.438c0-14.592-3.517-22.245-13.927-22.245"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 137"><path fill="#f49700" d="M57.446 2.091c-2.424 2.092-4.183 4.564-4.183 11.931c0 20.011 25.24 80.14 42.447 80.14c1.931.022 3.855-.25 5.704-.808l-.094.026l-.407.652c-14.83 23.63-32.706 41.034-43.518 41.383l-.329.005C33.3 135.42.027 64.55.027 33.273a19.6 19.6 0 0 1 2.804-11.17c8.271-9.84 33.32-17.35 54.615-20.012M90.196 0c21.77 0 43.54 3.517 43.54 15.78c0 24.908-15.78 55.139-23.766 55.139c-14.26 0-32.275-40.023-32.275-60.034C77.695 1.87 81.127.044 89.962.001z"/><path d="M416.982 31.942c24.195 0 30.659 16.731 30.659 51.192c0 35.935-6.464 53.522-30.659 53.522c-24.194 0-30.658-17.587-30.658-53.522c0-34.46 6.464-51.192 30.658-51.192m69.493 0c15.068 0 23.766 6.464 23.766 28.52c0 9.934-3.042 19.012-11.122 21.246C508.625 83.04 512 92.403 512 106.806c-.19 21.532-8.65 29.85-24.955 29.85a115.6 115.6 0 0 1-19.013-2.472v-11.027a109 109 0 0 0 19.013 2.376c7.463 0 12.311-6.179 12.311-17.492c0-13.594-2.186-20.343-12.596-20.343h-12.026V76.955h10.553c11.883 0 12.453-12.168 12.453-18.015c0-11.598-3.66-16.303-10.98-16.303a92 92 0 0 0-18.062 2.519V34.46a87.8 87.8 0 0 1 17.777-2.52m-257.151 1.046V44.11h-22.626v91.548H193.96V44.11h-22.578V32.988zM340.74 31.94c22.293 0 28.52 13.784 28.52 31.847c.19 22.292-7.415 33.13-28.235 33.13h-12.31v38.739h-12.787V32.988s11.248-.93 22.736-1.036l.83-.007zm-91.975 1.046l19.393 42.779l19.346-42.78h13.071l-26.713 54.996v47.532h-13.214v-47.53l-26.143-54.995zm168.217 9.649c-13.214 0-17.634 8.983-17.634 41.21s4.42 42.114 17.634 42.114s17.587-10.552 17.587-42.114s-4.42-41.068-17.587-41.068zm-74.483-.143a97.5 97.5 0 0 0-13.784.903v42.78h13.784c8.223 0 13.927-5.42 13.927-21.438c0-14.592-3.517-22.245-13.927-22.245"/></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%20512%20137%22%3E%3Cpath%20fill%3D%22%23f49700%22%20d%3D%22M57.446%202.091c-2.424%202.092-4.183%204.564-4.183%2011.931c0%2020.011%2025.24%2080.14%2042.447%2080.14c1.931.022%203.855-.25%205.704-.808l-.094.026l-.407.652c-14.83%2023.63-32.706%2041.034-43.518%2041.383l-.329.005C33.3%20135.42.027%2064.55.027%2033.273a19.6%2019.6%200%200%201%202.804-11.17c8.271-9.84%2033.32-17.35%2054.615-20.012M90.196%200c21.77%200%2043.54%203.517%2043.54%2015.78c0%2024.908-15.78%2055.139-23.766%2055.139c-14.26%200-32.275-40.023-32.275-60.034C77.695%201.87%2081.127.044%2089.962.001z%22%2F%3E%3Cpath%20d%3D%22M416.982%2031.942c24.195%200%2030.659%2016.731%2030.659%2051.192c0%2035.935-6.464%2053.522-30.659%2053.522c-24.194%200-30.658-17.587-30.658-53.522c0-34.46%206.464-51.192%2030.658-51.192m69.493%200c15.068%200%2023.766%206.464%2023.766%2028.52c0%209.934-3.042%2019.012-11.122%2021.246C508.625%2083.04%20512%2092.403%20512%20106.806c-.19%2021.532-8.65%2029.85-24.955%2029.85a115.6%20115.6%200%200%201-19.013-2.472v-11.027a109%20109%200%200%200%2019.013%202.376c7.463%200%2012.311-6.179%2012.311-17.492c0-13.594-2.186-20.343-12.596-20.343h-12.026V76.955h10.553c11.883%200%2012.453-12.168%2012.453-18.015c0-11.598-3.66-16.303-10.98-16.303a92%2092%200%200%200-18.062%202.519V34.46a87.8%2087.8%200%200%201%2017.777-2.52m-257.151%201.046V44.11h-22.626v91.548H193.96V44.11h-22.578V32.988zM340.74%2031.94c22.293%200%2028.52%2013.784%2028.52%2031.847c.19%2022.292-7.415%2033.13-28.235%2033.13h-12.31v38.739h-12.787V32.988s11.248-.93%2022.736-1.036l.83-.007zm-91.975%201.046l19.393%2042.779l19.346-42.78h13.071l-26.713%2054.996v47.532h-13.214v-47.53l-26.143-54.995zm168.217%209.649c-13.214%200-17.634%208.983-17.634%2041.21s4.42%2042.114%2017.634%2042.114s17.587-10.552%2017.587-42.114s-4.42-41.068-17.587-41.068zm-74.483-.143a97.5%2097.5%200%200%200-13.784.903v42.78h13.784c8.223%200%2013.927-5.42%2013.927-21.438c0-14.592-3.517-22.245-13.927-22.245%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%20512%20137%22%3E%3Cpath%20fill%3D%22%23f49700%22%20d%3D%22M57.446%202.091c-2.424%202.092-4.183%204.564-4.183%2011.931c0%2020.011%2025.24%2080.14%2042.447%2080.14c1.931.022%203.855-.25%205.704-.808l-.094.026l-.407.652c-14.83%2023.63-32.706%2041.034-43.518%2041.383l-.329.005C33.3%20135.42.027%2064.55.027%2033.273a19.6%2019.6%200%200%201%202.804-11.17c8.271-9.84%2033.32-17.35%2054.615-20.012M90.196%200c21.77%200%2043.54%203.517%2043.54%2015.78c0%2024.908-15.78%2055.139-23.766%2055.139c-14.26%200-32.275-40.023-32.275-60.034C77.695%201.87%2081.127.044%2089.962.001z%22%2F%3E%3Cpath%20d%3D%22M416.982%2031.942c24.195%200%2030.659%2016.731%2030.659%2051.192c0%2035.935-6.464%2053.522-30.659%2053.522c-24.194%200-30.658-17.587-30.658-53.522c0-34.46%206.464-51.192%2030.658-51.192m69.493%200c15.068%200%2023.766%206.464%2023.766%2028.52c0%209.934-3.042%2019.012-11.122%2021.246C508.625%2083.04%20512%2092.403%20512%20106.806c-.19%2021.532-8.65%2029.85-24.955%2029.85a115.6%20115.6%200%200%201-19.013-2.472v-11.027a109%20109%200%200%200%2019.013%202.376c7.463%200%2012.311-6.179%2012.311-17.492c0-13.594-2.186-20.343-12.596-20.343h-12.026V76.955h10.553c11.883%200%2012.453-12.168%2012.453-18.015c0-11.598-3.66-16.303-10.98-16.303a92%2092%200%200%200-18.062%202.519V34.46a87.8%2087.8%200%200%201%2017.777-2.52m-257.151%201.046V44.11h-22.626v91.548H193.96V44.11h-22.578V32.988zM340.74%2031.94c22.293%200%2028.52%2013.784%2028.52%2031.847c.19%2022.292-7.415%2033.13-28.235%2033.13h-12.31v38.739h-12.787V32.988s11.248-.93%2022.736-1.036l.83-.007zm-91.975%201.046l19.393%2042.779l19.346-42.78h13.071l-26.713%2054.996v47.532h-13.214v-47.53l-26.143-54.995zm168.217%209.649c-13.214%200-17.634%208.983-17.634%2041.21s4.42%2042.114%2017.634%2042.114s17.587-10.552%2017.587-42.114s-4.42-41.068-17.587-41.068zm-74.483-.143a97.5%2097.5%200%200%200-13.784.903v42.78h13.784c8.223%200%2013.927-5.42%2013.927-21.438c0-14.592-3.517-22.245-13.927-22.245%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/typo3.svg?color=%231a73e8&size=48
