typescript logo
typescript from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.
- Name
- typescript
- Set
- Font Awesome Brands
- Style
- Brand
- Viewbox
- 640×640
- License
- CC BY 4.0
The same logo in other sets
Use the typescript logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M112.8 96h414.4c9.3 0 16.8 7.5 16.8 16.8v414.4c0 9.3-7.5 16.8-16.8 16.8H112.8c-9.3 0-16.8-7.5-16.8-16.8V112.8c0-9.3 7.5-16.8 16.8-16.8M345 334.3v-36.7H185.6v36.7h56.9v163.6h45.3V334.3zm18.1 159.3c7.3 3.7 15.9 6.5 25.9 8.4s20.5 2.8 31.5 2.8c10.8 0 21-1 30.7-3.1s18.2-5.4 25.5-10.1s13.1-10.9 17.4-18.4s6.4-17 6.4-28.2c0-8.1-1.2-15.2-3.7-21.3s-5.9-11.5-10.5-16.3s-10.1-9-16.5-12.8s-13.7-7.3-21.7-10.7c-5.9-2.4-11.2-4.8-15.9-7.1s-8.7-4.6-11.9-7s-5.8-4.9-7.6-7.5s-2.7-5.7-2.7-9c0-3.1.8-5.8 2.4-8.3s3.8-4.6 6.7-6.4s6.5-3.1 10.7-4.1q6.3-1.5 14.1-1.5c3.7 0 7.7.3 11.9.8s8.4 1.4 12.6 2.6s8.3 2.6 12.3 4.4s7.7 3.8 11 6.1v-41.8c-6.8-2.6-14.3-4.5-22.4-5.8s-17.4-1.9-27.9-1.9c-10.7 0-20.8 1.1-30.4 3.4s-18 5.8-25.2 10.7s-13 11-17.2 18.5s-6.3 16.5-6.3 26.9c0 13.3 3.9 24.7 11.6 34.1s19.5 17.4 35.2 23.9c6.2 2.5 11.9 5 17.3 7.4q8.1 3.6 13.8 7.5c3.8 2.6 7 5.4 9.2 8.5s3.4 6.6 3.4 10.5c0 2.9-.7 5.6-2.1 8s-3.5 4.6-6.4 6.4s-6.4 3.2-10.7 4.3s-9.3 1.5-15 1.5c-9.7 0-19.4-1.7-28.9-5.1s-18.4-8.5-26.6-15.3v44.7z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7BrandsTypescript(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M112.8 96h414.4c9.3 0 16.8 7.5 16.8 16.8v414.4c0 9.3-7.5 16.8-16.8 16.8H112.8c-9.3 0-16.8-7.5-16.8-16.8V112.8c0-9.3 7.5-16.8 16.8-16.8M345 334.3v-36.7H185.6v36.7h56.9v163.6h45.3V334.3zm18.1 159.3c7.3 3.7 15.9 6.5 25.9 8.4s20.5 2.8 31.5 2.8c10.8 0 21-1 30.7-3.1s18.2-5.4 25.5-10.1s13.1-10.9 17.4-18.4s6.4-17 6.4-28.2c0-8.1-1.2-15.2-3.7-21.3s-5.9-11.5-10.5-16.3s-10.1-9-16.5-12.8s-13.7-7.3-21.7-10.7c-5.9-2.4-11.2-4.8-15.9-7.1s-8.7-4.6-11.9-7s-5.8-4.9-7.6-7.5s-2.7-5.7-2.7-9c0-3.1.8-5.8 2.4-8.3s3.8-4.6 6.7-6.4s6.5-3.1 10.7-4.1q6.3-1.5 14.1-1.5c3.7 0 7.7.3 11.9.8s8.4 1.4 12.6 2.6s8.3 2.6 12.3 4.4s7.7 3.8 11 6.1v-41.8c-6.8-2.6-14.3-4.5-22.4-5.8s-17.4-1.9-27.9-1.9c-10.7 0-20.8 1.1-30.4 3.4s-18 5.8-25.2 10.7s-13 11-17.2 18.5s-6.3 16.5-6.3 26.9c0 13.3 3.9 24.7 11.6 34.1s19.5 17.4 35.2 23.9c6.2 2.5 11.9 5 17.3 7.4q8.1 3.6 13.8 7.5c3.8 2.6 7 5.4 9.2 8.5s3.4 6.6 3.4 10.5c0 2.9-.7 5.6-2.1 8s-3.5 4.6-6.4 6.4s-6.4 3.2-10.7 4.3s-9.3 1.5-15 1.5c-9.7 0-19.4-1.7-28.9-5.1s-18.4-8.5-26.6-15.3v44.7z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M112.8 96h414.4c9.3 0 16.8 7.5 16.8 16.8v414.4c0 9.3-7.5 16.8-16.8 16.8H112.8c-9.3 0-16.8-7.5-16.8-16.8V112.8c0-9.3 7.5-16.8 16.8-16.8M345 334.3v-36.7H185.6v36.7h56.9v163.6h45.3V334.3zm18.1 159.3c7.3 3.7 15.9 6.5 25.9 8.4s20.5 2.8 31.5 2.8c10.8 0 21-1 30.7-3.1s18.2-5.4 25.5-10.1s13.1-10.9 17.4-18.4s6.4-17 6.4-28.2c0-8.1-1.2-15.2-3.7-21.3s-5.9-11.5-10.5-16.3s-10.1-9-16.5-12.8s-13.7-7.3-21.7-10.7c-5.9-2.4-11.2-4.8-15.9-7.1s-8.7-4.6-11.9-7s-5.8-4.9-7.6-7.5s-2.7-5.7-2.7-9c0-3.1.8-5.8 2.4-8.3s3.8-4.6 6.7-6.4s6.5-3.1 10.7-4.1q6.3-1.5 14.1-1.5c3.7 0 7.7.3 11.9.8s8.4 1.4 12.6 2.6s8.3 2.6 12.3 4.4s7.7 3.8 11 6.1v-41.8c-6.8-2.6-14.3-4.5-22.4-5.8s-17.4-1.9-27.9-1.9c-10.7 0-20.8 1.1-30.4 3.4s-18 5.8-25.2 10.7s-13 11-17.2 18.5s-6.3 16.5-6.3 26.9c0 13.3 3.9 24.7 11.6 34.1s19.5 17.4 35.2 23.9c6.2 2.5 11.9 5 17.3 7.4q8.1 3.6 13.8 7.5c3.8 2.6 7 5.4 9.2 8.5s3.4 6.6 3.4 10.5c0 2.9-.7 5.6-2.1 8s-3.5 4.6-6.4 6.4s-6.4 3.2-10.7 4.3s-9.3 1.5-15 1.5c-9.7 0-19.4-1.7-28.9-5.1s-18.4-8.5-26.6-15.3v44.7z"/></svg> </template>
CSS
.icon-typescript {
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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M112.8%2096h414.4c9.3%200%2016.8%207.5%2016.8%2016.8v414.4c0%209.3-7.5%2016.8-16.8%2016.8H112.8c-9.3%200-16.8-7.5-16.8-16.8V112.8c0-9.3%207.5-16.8%2016.8-16.8M345%20334.3v-36.7H185.6v36.7h56.9v163.6h45.3V334.3zm18.1%20159.3c7.3%203.7%2015.9%206.5%2025.9%208.4s20.5%202.8%2031.5%202.8c10.8%200%2021-1%2030.7-3.1s18.2-5.4%2025.5-10.1s13.1-10.9%2017.4-18.4s6.4-17%206.4-28.2c0-8.1-1.2-15.2-3.7-21.3s-5.9-11.5-10.5-16.3s-10.1-9-16.5-12.8s-13.7-7.3-21.7-10.7c-5.9-2.4-11.2-4.8-15.9-7.1s-8.7-4.6-11.9-7s-5.8-4.9-7.6-7.5s-2.7-5.7-2.7-9c0-3.1.8-5.8%202.4-8.3s3.8-4.6%206.7-6.4s6.5-3.1%2010.7-4.1q6.3-1.5%2014.1-1.5c3.7%200%207.7.3%2011.9.8s8.4%201.4%2012.6%202.6s8.3%202.6%2012.3%204.4s7.7%203.8%2011%206.1v-41.8c-6.8-2.6-14.3-4.5-22.4-5.8s-17.4-1.9-27.9-1.9c-10.7%200-20.8%201.1-30.4%203.4s-18%205.8-25.2%2010.7s-13%2011-17.2%2018.5s-6.3%2016.5-6.3%2026.9c0%2013.3%203.9%2024.7%2011.6%2034.1s19.5%2017.4%2035.2%2023.9c6.2%202.5%2011.9%205%2017.3%207.4q8.1%203.6%2013.8%207.5c3.8%202.6%207%205.4%209.2%208.5s3.4%206.6%203.4%2010.5c0%202.9-.7%205.6-2.1%208s-3.5%204.6-6.4%206.4s-6.4%203.2-10.7%204.3s-9.3%201.5-15%201.5c-9.7%200-19.4-1.7-28.9-5.1s-18.4-8.5-26.6-15.3v44.7z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M112.8%2096h414.4c9.3%200%2016.8%207.5%2016.8%2016.8v414.4c0%209.3-7.5%2016.8-16.8%2016.8H112.8c-9.3%200-16.8-7.5-16.8-16.8V112.8c0-9.3%207.5-16.8%2016.8-16.8M345%20334.3v-36.7H185.6v36.7h56.9v163.6h45.3V334.3zm18.1%20159.3c7.3%203.7%2015.9%206.5%2025.9%208.4s20.5%202.8%2031.5%202.8c10.8%200%2021-1%2030.7-3.1s18.2-5.4%2025.5-10.1s13.1-10.9%2017.4-18.4s6.4-17%206.4-28.2c0-8.1-1.2-15.2-3.7-21.3s-5.9-11.5-10.5-16.3s-10.1-9-16.5-12.8s-13.7-7.3-21.7-10.7c-5.9-2.4-11.2-4.8-15.9-7.1s-8.7-4.6-11.9-7s-5.8-4.9-7.6-7.5s-2.7-5.7-2.7-9c0-3.1.8-5.8%202.4-8.3s3.8-4.6%206.7-6.4s6.5-3.1%2010.7-4.1q6.3-1.5%2014.1-1.5c3.7%200%207.7.3%2011.9.8s8.4%201.4%2012.6%202.6s8.3%202.6%2012.3%204.4s7.7%203.8%2011%206.1v-41.8c-6.8-2.6-14.3-4.5-22.4-5.8s-17.4-1.9-27.9-1.9c-10.7%200-20.8%201.1-30.4%203.4s-18%205.8-25.2%2010.7s-13%2011-17.2%2018.5s-6.3%2016.5-6.3%2026.9c0%2013.3%203.9%2024.7%2011.6%2034.1s19.5%2017.4%2035.2%2023.9c6.2%202.5%2011.9%205%2017.3%207.4q8.1%203.6%2013.8%207.5c3.8%202.6%207%205.4%209.2%208.5s3.4%206.6%203.4%2010.5c0%202.9-.7%205.6-2.1%208s-3.5%204.6-6.4%206.4s-6.4%203.2-10.7%204.3s-9.3%201.5-15%201.5c-9.7%200-19.4-1.7-28.9-5.1s-18.4-8.5-26.6-15.3v44.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/typescript.svg?color=%231a73e8&size=48
