Tern icon

file-icons:tern

The Tern icon (file-icons:tern) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 491 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 491 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="491" height="512" viewBox="0 0 491 512"><path fill="currentColor" d="M128.19 512s50.427-29.69 67.864-44.772s87.66-89.073 103.683-104.625s39.468-36.7 54.7-62.779c15.656-33.215 24.753-42.255 23.533-51.272c-4.368-11.426-21.199-19.93-33.932-30.634c48.444-4.341 48.88-12.636 64.566-9.897c13.667 1.886 18.38-.47 29.69 4.242c5.064 2.412 8.646 5.656 11.306 9.42l26.886 29.69c-26.198-45.234-22.322-32.104-40.077-56.076c22.433 12.08 34.853 25.686 54.222 43.829c.138.018-18.602-25.483-28.08-35.36l.003.001c-7.875-20.846-2.502-13.632-12.701-27.794c-27.7-29.855-24.95-10.598-75.653-21.207c-9.091-2.02-16.76-5.623-18.619-13.822c-6.792-29.958-3.124-45.238 21.918-70.538c11.782-11.31 21.874-14.19 19.794-21.679c-6.14-38.167-83.873-42.773-141.857-47.6c-53.658-3.71-61.005 2.671-87.187 5.656c21.57.91 11.566 4.536 14.61 6.598c2.356 1.885 47.128 4.713 55.14 9.897c19.48 10.109 49.105 23.22 52.784 32.519c-1.987 8.552-20.682 26.417-31.022 48.055c-12.284 25.705-16.783 55.21-23.647 59.397c-51.105 11.405-99.752 18.765-140.915 17.852c-10.368-.943-73.52-4.184-73.52-4.184l58.91 8.012C44.916 188.005 9.944 191.112 0 195.297c59.422-7.604 97.49 1.265 121.591 1.115c49.315 1.43 69.206 13.78 116.408 17.265c-6.248 21.223 37.934 61.404 31.104 83.417C227.4 348.756 137.667 490.334 128.19 512"/></svg>

How to use the Tern icon

React

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

<Icon icon="file-icons:tern" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:tern" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:tern" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:tern"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/tern.svg" alt="Tern icon" width="24" height="24">

Tern icon in other icon sets

Tern icon FAQ

Is the Tern icon free for commercial use?

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

How do I use the Tern icon in React?

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

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

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

Browse all File Icons →