Textmate icon

file-icons:textmate

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M250.405 207.962c-5.385 1.449-13.54-1.072-18.858 3.903l-.009-.017c-32.255-68.276-61.484-180.51-23.23-209.85c61.388 22.141 49.877 169.59 42.097 205.964m28.613 7.526c1.736.38 4.061 1.096 6.334 2.406c51.4-35.344 86.845-93.08 106.462-148.779c2.32-25.327-1.263-36.553-9.099-37.618c-56.692 3.052-111.216 155.96-103.697 183.991m-22.708-10.517c-.37 1.413-.08 1.916.906 2.574c7.658 5.106 14.779 5.66 15.512 3.854c5.197-46.163 20.693-90.693 48.093-133.333c5.268-45.867-9.633-71.397-18.406-75.972c-9.549-4.98-33.685 17.323-44.065 67.024c3.463 33.484 10.42 77.316-2.04 135.853M185.922 77.363c-24.562-35.99-57.231-50.229-64.292-43.76c-7.785 7.133-12.907 36.82 24.959 100.915c23.62 20.625 57.88 55.706 76.503 84.37c.943-2.209 2.82-4.001 5.376-5.492c-16.267-31.654-29.983-74.764-42.546-136.033m116.446 165.646c.27 2.212.71 7.887-.997 12.842c38.69 14.699 131.486 8.92 160.8 1.881c29.738-7.139 54.41-26.578 49.107-38.656c-4.468-10.177-14.335-15.022-24.874-17.322c-74.89-2.558-136.776 14.885-184.036 41.255m-4.122-14.082c1.575 2.12 2.915 4.494 3.698 6.773c46.399-25.313 99.109-38.116 151.975-40.418c26.054-20.179 64.001-59.184 8.393-59.888c-12.088-.153-32.543 6.257-52.517 13.67c-30.186 28.404-64.639 58.335-111.55 79.863m118.938-96.05c11.404-14.686 20.819-31.036 23.568-53.027c2.046-16.371-13.071-20.183-44.505-3.746c-22.522 61.633-61.049 111.38-107.85 144.015c1.971.536 3.711 2.827 4.724 3.562c30.84-7.42 94.698-60.316 124.063-90.804M262.045 295.443l-7.477 2.2c-6.028 25.178-8.976 62.72-10.856 104.549c7.905 84.801 34.375 110.09 43.927 108.309c20.975-2.36 25.908-51.691 22.38-72.99c-8.444-50.98-25.663-111.12-47.974-142.068m-30.781-7.172a78 78 0 0 1-2.986-1.737C155.502 311.544 59.395 421.17 84.83 454.044c33.033 33.269 137.91-108.88 146.434-165.773m-5.46-3.336c-4.471-3.047-8.54-6.753-11.818-11.757l-5.46.62c-33.412 15.114-69.514 25.123-105.323 33.176c-35.925 19.908-81.344 57.728-72.09 76.542c10.287 20.917 55.305 3.001 72.92-5.012c38.261-43.076 78.927-77.621 121.772-93.57m90.897 151.625c13.13 19.69 40.04 54.748 60.193 45.92c22.004-9.64.618-61.857-12.82-88.76c-29.428-27.643-57.145-58.576-78.76-101.237c-2.204-1.842-4.448-3.814-5.897-5.347c-1.74 4.094-9.455 6.578-9.455 6.578l.262 2.271c28.546 47.954 38.024 99.241 46.477 140.575m77.952-112.407c30.587 8.317 96.897 23.77 110.648-4.475c3.917-8.046-13.815-34.038-76.672-51.108c-52.39 5.389-91.704 6.017-129.955-6.865c-.695 4.813-6.537 9.025-2.812 12.961c38.754 11.086 73.046 30.3 98.791 49.487m63.456 96.454c23.845-26.68-88.645-123.545-168.027-140.697c-.595.735-1.428 1.49-2.389 2.31c36.817 82.31 128.355 160.146 170.416 138.387m-288.506-4.49c-6.318 27.42-13.104 77.129 5.12 84.792c22.3 9.375 48.541-46.768 62.029-89.965c2.296-45.974 4.963-89.417 10.723-111.807l-11.397-3.867l-2.513 2.234c-7.857 33.151-36.443 80.884-63.962 118.614M41.39 246.405c-22.1 3.57-42.556 19.204-41.338 29.313c1.79 14.867 37.143 32.892 98.576 25.897c52.438-9.494 89.987-22.676 113.229-31.757c2.093-4.172 2.377-9.146.115-15.01c-40.68-.387-68.925-24.866-170.582-8.443m101.031-107.36c-32.764-25.579-73.068-43.373-95.23-35.441c-25.262 9.04 9.302 48.993 47.207 77.814c35.37 19.911 83.029 41.33 120.878 50.773c1.294-2.017 5.148-4.01 6.589-7.21c-.036-.006-.085 0-.115-.013c-4.4-11.721-43.202-58.198-79.329-85.922m68.095 111.727c-.335-4.032.343-7.742 2.568-10.957l-11.54-7.838c-28.777-7.58-68.291-25.05-100.407-40.305c-83.034-16.795-138.944 11.343-62.326 48.59c92.012-14.157 133.586 6.736 171.705 10.51"/></svg>

How to use the Textmate icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Textmate icon FAQ

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

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

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

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

Browse all File Icons →