Sublime icon

file-icons:sublime

The Sublime icon (file-icons:sublime) 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="M510.19 413.166c-2.674-32.106-29.75-309.246-29.75-309.246c-1.59-24.952-14.565-35.395-25.393-39.774c-2.36-23.781-20.668-29.085-26.732-29.085c-6.203 0-322.62-.098-344.746-.098c-24.734 0-28.463 18.842-28.463 18.842l-1.087 11.088C33.79 73.268 33.784 92.2 33.784 92.2S0 408.4 0 443.322s29.77 33.709 29.77 33.709h438.787c50.835 0 44.31-31.759 41.634-63.865M165.555 266.779c3.957-10.35 22.028-14.18 32.552-10.702c.171.056 13.655 5.733 36.12 8.918c26.234 3.718 47.532-6.179 48.16-16.499c.16-2.635 4.235-16.722-7.804-23.188c-9.142-4.91-19.226-7.291-32.999-10.925c-15.887-4.192-31.855-5.305-45.038-12.709c-24.132-13.552-26.309-24.971-26.309-36.788c0-15.342 14.593-32.624 28.985-41.47c27.675-17.01 72.425-17.077 98.548-5.798c10.175 4.394 23.236 11.3 18.843 21.475c-4.394 10.174-22.146 14.164-32.24 9.588c-18.621-8.442-41.37-6.813-50.433-1.669c-5.86 3.326-27.04 24.423 22.874 33.448c16.55 2.993 36.733 6.35 50.544 13.634c27.317 14.407 33.803 35.994 32.998 49.943c-1.338 23.188-15.95 37.066-31.66 47.713c-15.249 10.334-36.781 14.564-56.739 14.564c-36.185.001-66.113-8.767-74.14-12.557c-10.021-4.732-18.06-11.817-12.262-26.978m310.23 145.702s-8.4 19.067-27.095 19.067H58.7c-18.694 0-27.095-19.067-27.095-19.067l-5.728-52.894c1.234 8.63 7.275 21.125 31.988 21.125H447.6c26.082 0 32.593-14.651 34.22-23.061z"/></svg>

How to use the Sublime icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Sublime icon in other icon sets

Sublime icon FAQ

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

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

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

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

Browse all File Icons →