typescript logo
typescript from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- typescript
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.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 24 24"><path fill="currentColor" d="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75q.918 0 1.627.111a6.4 6.4 0 0 1 1.306.34v2.458a4 4 0 0 0-.643-.361a5 5 0 0 0-.717-.26a5.5 5.5 0 0 0-1.426-.2q-.45 0-.819.086a2.1 2.1 0 0 0-.623.242q-.254.156-.393.374a.9.9 0 0 0-.14.49q0 .294.156.529q.156.234.443.444c.287.21.423.276.696.41q.41.203.926.416q.705.296 1.266.628q.561.333.963.753q.402.418.614.957q.213.538.214 1.253q0 .986-.373 1.656a3 3 0 0 1-1.012 1.085a4.4 4.4 0 0 1-1.487.596q-.85.18-1.79.18a10 10 0 0 1-1.84-.164a5.5 5.5 0 0 1-1.512-.493v-2.63a5.03 5.03 0 0 0 3.237 1.2q.5 0 .872-.09q.373-.09.623-.25q.249-.162.373-.38a1.02 1.02 0 0 0-.074-1.089a2.1 2.1 0 0 0-.537-.5a5.6 5.6 0 0 0-.807-.444a28 28 0 0 0-1.007-.436q-1.377-.575-2.053-1.405t-.676-2.005q0-.92.369-1.582q.368-.662 1.004-1.089a4.5 4.5 0 0 1 1.47-.629a7.5 7.5 0 0 1 1.77-.201m-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsTypescript(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75q.918 0 1.627.111a6.4 6.4 0 0 1 1.306.34v2.458a4 4 0 0 0-.643-.361a5 5 0 0 0-.717-.26a5.5 5.5 0 0 0-1.426-.2q-.45 0-.819.086a2.1 2.1 0 0 0-.623.242q-.254.156-.393.374a.9.9 0 0 0-.14.49q0 .294.156.529q.156.234.443.444c.287.21.423.276.696.41q.41.203.926.416q.705.296 1.266.628q.561.333.963.753q.402.418.614.957q.213.538.214 1.253q0 .986-.373 1.656a3 3 0 0 1-1.012 1.085a4.4 4.4 0 0 1-1.487.596q-.85.18-1.79.18a10 10 0 0 1-1.84-.164a5.5 5.5 0 0 1-1.512-.493v-2.63a5.03 5.03 0 0 0 3.237 1.2q.5 0 .872-.09q.373-.09.623-.25q.249-.162.373-.38a1.02 1.02 0 0 0-.074-1.089a2.1 2.1 0 0 0-.537-.5a5.6 5.6 0 0 0-.807-.444a28 28 0 0 0-1.007-.436q-1.377-.575-2.053-1.405t-.676-2.005q0-.92.369-1.582q.368-.662 1.004-1.089a4.5 4.5 0 0 1 1.47-.629a7.5 7.5 0 0 1 1.77-.201m-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75q.918 0 1.627.111a6.4 6.4 0 0 1 1.306.34v2.458a4 4 0 0 0-.643-.361a5 5 0 0 0-.717-.26a5.5 5.5 0 0 0-1.426-.2q-.45 0-.819.086a2.1 2.1 0 0 0-.623.242q-.254.156-.393.374a.9.9 0 0 0-.14.49q0 .294.156.529q.156.234.443.444c.287.21.423.276.696.41q.41.203.926.416q.705.296 1.266.628q.561.333.963.753q.402.418.614.957q.213.538.214 1.253q0 .986-.373 1.656a3 3 0 0 1-1.012 1.085a4.4 4.4 0 0 1-1.487.596q-.85.18-1.79.18a10 10 0 0 1-1.84-.164a5.5 5.5 0 0 1-1.512-.493v-2.63a5.03 5.03 0 0 0 3.237 1.2q.5 0 .872-.09q.373-.09.623-.25q.249-.162.373-.38a1.02 1.02 0 0 0-.074-1.089a2.1 2.1 0 0 0-.537-.5a5.6 5.6 0 0 0-.807-.444a28 28 0 0 0-1.007-.436q-1.377-.575-2.053-1.405t-.676-2.005q0-.92.369-1.582q.368-.662 1.004-1.089a4.5 4.5 0 0 1 1.47-.629a7.5 7.5 0 0 1 1.77-.201m-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.125%200C.502%200%200%20.502%200%201.125v21.75C0%2023.498.502%2024%201.125%2024h21.75c.623%200%201.125-.502%201.125-1.125V1.125C24%20.502%2023.498%200%2022.875%200zm17.363%209.75q.918%200%201.627.111a6.4%206.4%200%200%201%201.306.34v2.458a4%204%200%200%200-.643-.361a5%205%200%200%200-.717-.26a5.5%205.5%200%200%200-1.426-.2q-.45%200-.819.086a2.1%202.1%200%200%200-.623.242q-.254.156-.393.374a.9.9%200%200%200-.14.49q0%20.294.156.529q.156.234.443.444c.287.21.423.276.696.41q.41.203.926.416q.705.296%201.266.628q.561.333.963.753q.402.418.614.957q.213.538.214%201.253q0%20.986-.373%201.656a3%203%200%200%201-1.012%201.085a4.4%204.4%200%200%201-1.487.596q-.85.18-1.79.18a10%2010%200%200%201-1.84-.164a5.5%205.5%200%200%201-1.512-.493v-2.63a5.03%205.03%200%200%200%203.237%201.2q.5%200%20.872-.09q.373-.09.623-.25q.249-.162.373-.38a1.02%201.02%200%200%200-.074-1.089a2.1%202.1%200%200%200-.537-.5a5.6%205.6%200%200%200-.807-.444a28%2028%200%200%200-1.007-.436q-1.377-.575-2.053-1.405t-.676-2.005q0-.92.369-1.582q.368-.662%201.004-1.089a4.5%204.5%200%200%201%201.47-.629a7.5%207.5%200%200%201%201.77-.201m-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.125%200C.502%200%200%20.502%200%201.125v21.75C0%2023.498.502%2024%201.125%2024h21.75c.623%200%201.125-.502%201.125-1.125V1.125C24%20.502%2023.498%200%2022.875%200zm17.363%209.75q.918%200%201.627.111a6.4%206.4%200%200%201%201.306.34v2.458a4%204%200%200%200-.643-.361a5%205%200%200%200-.717-.26a5.5%205.5%200%200%200-1.426-.2q-.45%200-.819.086a2.1%202.1%200%200%200-.623.242q-.254.156-.393.374a.9.9%200%200%200-.14.49q0%20.294.156.529q.156.234.443.444c.287.21.423.276.696.41q.41.203.926.416q.705.296%201.266.628q.561.333.963.753q.402.418.614.957q.213.538.214%201.253q0%20.986-.373%201.656a3%203%200%200%201-1.012%201.085a4.4%204.4%200%200%201-1.487.596q-.85.18-1.79.18a10%2010%200%200%201-1.84-.164a5.5%205.5%200%200%201-1.512-.493v-2.63a5.03%205.03%200%200%200%203.237%201.2q.5%200%20.872-.09q.373-.09.623-.25q.249-.162.373-.38a1.02%201.02%200%200%200-.074-1.089a2.1%202.1%200%200%200-.537-.5a5.6%205.6%200%200%200-.807-.444a28%2028%200%200%200-1.007-.436q-1.377-.575-2.053-1.405t-.676-2.005q0-.92.369-1.582q.368-.662%201.004-1.089a4.5%204.5%200%200%201%201.47-.629a7.5%207.5%200%200%201%201.77-.201m-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/typescript.svg?color=%231a73e8&size=48
