Tty icon

fa:tty

The Tty icon (fa:tty) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 1792 × 1408 grid. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Font Awesome 4
Author: Dave Gandy
License: OFL-1.1
Size: 1792 × 1408

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1408" viewBox="0 0 1792 1408"><path fill="currentColor" d="M448 1184v192q0 14-9 23t-23 9H224q-14 0-23-9t-9-23v-192q0-14 9-23t23-9h192q14 0 23 9t9 23M256 800v192q0 14-9 23t-23 9H32q-14 0-23-9t-9-23V800q0-14 9-23t23-9h192q14 0 23 9t9 23m576 384v192q0 14-9 23t-23 9H608q-14 0-23-9t-9-23v-192q0-14 9-23t23-9h192q14 0 23 9t9 23M640 800v192q0 14-9 23t-23 9H416q-14 0-23-9t-9-23V800q0-14 9-23t23-9h192q14 0 23 9t9 23M66 640q-28 0-47-19T0 575V446h514v129q0 27-19 46t-46 19zm1150 544v192q0 14-9 23t-23 9H992q-14 0-23-9t-9-23v-192q0-14 9-23t23-9h192q14 0 23 9t9 23m-192-384v192q0 14-9 23t-23 9H800q-14 0-23-9t-9-23V800q0-14 9-23t23-9h192q14 0 23 9t9 23m576 384v192q0 14-9 23t-23 9h-192q-14 0-23-9t-9-23v-192q0-14 9-23t23-9h192q14 0 23 9t9 23m-192-384v192q0 14-9 23t-23 9h-192q-14 0-23-9t-9-23V800q0-14 9-23t23-9h192q14 0 23 9t9 23m384-408v13h-514v-10q0-104-382-102q-382 1-382 102v10H0v-13q0-17 8.5-43t34-64t65.5-75.5t110.5-76t160-67.5t224-47.5T896 0t293 18.5T1413 66t160.5 67.5t110.5 76t65.5 75.5t34 64t8.5 43m0 408v192q0 14-9 23t-23 9h-192q-14 0-23-9t-9-23V800q0-14 9-23t23-9h192q14 0 23 9t9 23m0-354v129q0 27-19 46t-46 19h-384q-27 0-46-19t-19-46V446z"/></svg>

How to use the Tty icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa:tty" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa:tty" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa:tty" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--tty]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:tty"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa:tty"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/tty.svg" alt="Tty icon" width="24" height="24">

Tty icon in other icon sets

Tty icon FAQ

Is the Tty icon free for commercial use?

Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Tty icon in React?

Install @iconify/react and render <Icon icon="fa:tty" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Tty icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/tty.svg" alt="Tty icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 4 icons →