Tipe icon

file-icons:tipe

The Tipe icon (file-icons:tipe) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 331 × 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: 331 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="331" height="512" viewBox="0 0 331 512"><path fill="currentColor" d="M308.726 292.284C364.427 395.037 313.029 504.422 177.325 512C51.428 510.353-14.673 390.386 2.755 296.232c8.66 59.02 66.165 102.572 112.254 63.249c37.21-38.478 33.404-55.814-5.246-137.227c61.831 39.464 121.217 36.46 177.44-6.774c-4.763 29.692 11.03 54.971 21.523 76.804M87.432 226.92c-1.875-20.092-31.254-38.688-53.578-11.988c-9.607 12.12-16.448 27.314-22.56 45.266c-7.451 71.368 38.02 104.216 73.496 103.332c-21.187-10.674-25.288-61.713-9.659-95.02c7.61-20.818 14.002-29.704 12.301-41.59m106.898 9.317C66.913 231.619 23.423 88.628 87.307 0c23.709 13.071 40.183 33.037 52.343 57.115c35.255-5.837 71.644-6.062 109.303-.004c10.465-21.954 28.268-42.406 52.6-57.111C363.7 98.331 327.197 225.689 194.33 236.236m114.256-128.052c-3.3-28.733-45.73-5.875-95.548 21.119c-19.344 10.38-21.334 6.994-37.237 0c-50.9-24.647-88.847-53.088-95.548-21.119c-2.91 49.679 30.663 77.9 77.597 89.88c-2.375 10.94 14.324 21.096 36.547 11.45c24.842 10 38.32-1.667 36.542-11.439c49.84-12.294 80.316-42.53 77.647-89.89m-100.17 80.792c-18.395 11.541-9.599 11.541-28.017 0c7.393-7.28 19.816-8.202 28.017 0M99.831 131.268c6.273 30.83 43.666 52.618 67.553 26.945c-10.623-15.026-24.04-26.348-36.12-33.562c4.654 11.217 3.994 24.957-1.876 35.593c-6.106-10.256-6.492-26.341-1.159-37.336c-21.336-11.707-32.396-11.208-28.398 8.36m161.623-8.368c5.337 10.995 4.952 27.086-1.156 37.344c-5.746-10.092-6.6-23.867-1.79-35.65c-12.07 7.21-25.555 18.555-36.206 33.619c23.865 25.673 61.28 3.884 67.487-26.945c3.902-18.929-6.014-20.129-28.335-8.368"/></svg>

How to use the Tipe icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Tipe icon FAQ

Is the Tipe 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 Tipe icon in React?

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

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

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

Browse all File Icons →