File Terminal Fill icon

keyline-icons:file-terminal-fill

The File Terminal Fill icon (keyline-icons:file-terminal-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT 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: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: fileterminal, terminalfill, fileterminalfill

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14 1C14.2652 1 14.5195 1.1054 14.707 1.293L20.707 7.293C20.8946 7.4805 21 7.7348 21 8L21 18C21 20.7614 18.7614 23 16 23L8 23C5.2386 23 3 20.7614 3 18L3 6C3 3.2386 5.2386 1 8 1L14 1ZM14 5C14 6.6569 15.3431 8 17 8L18.5858 8L14 3.4142L14 5ZM8.6508 10.2407C8.4695 10.0854 8.2387 10 8 10C7.4477 10 7 10.4477 7 11C7 11.2919 7.1276 11.5693 7.3492 11.7593L9.9634 14L7.3492 16.2407C7.1276 16.4307 7 16.7081 7 17C7 17.5523 7.4477 18 8 18C8.2387 18 8.4695 17.9146 8.6508 17.7593L11.7079 15.1389C12.0404 14.8539 12.2317 14.4379 12.2317 14C12.2317 13.5621 12.0404 13.1461 11.7079 12.8611L8.6508 10.2407ZM13 17C12.4477 17 12 17.4477 12 18C12 18.5523 12.4477 19 13 19L16 19C16.5523 19 17 18.5523 17 18C17 17.4477 16.5523 17 16 17L13 17Z" clip-rule="evenodd"/></svg>

How to use the File Terminal Fill icon

React

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

<Icon icon="keyline-icons:file-terminal-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:file-terminal-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:file-terminal-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--file-terminal-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:file-terminal-fill"></div>

Web component

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

<iconify-icon icon="keyline-icons:file-terminal-fill"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/file-terminal-fill.svg" alt="File Terminal Fill icon" width="24" height="24">

Related icons in Keyline Icons

File Terminal Fill icon FAQ

Is the File Terminal Fill icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the File Terminal Fill icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:file-terminal-fill" />, or use “Copy code” on this page to get a standalone React component.

How do I add the File Terminal Fill icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/file-terminal-fill.svg" alt="File Terminal Fill icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →