AI UI Designer Logo
AI UI Designer

Sublime Text Icon

Tools#FF9800

High-quality Sublime Text transparent PNG for web & print.

Optimized Sublime Text SVG vector code for developers.

Ready-to-use Sublime Text React icon component.

How to use the Sublime Text Icon

Copy the Sublime Text icon as inline SVG, React code, HTML embed, or CSS mask.

Inline SVG

Paste the Sublime Text SVG directly into HTML or JSX.

React Component

Use Sublime Text as a typed React icon component.

import React from 'react';

export const SublimeTextIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

HTML Embed

Use a hosted Sublime Text icon URL with attribution.

CSS Mask

Use Sublime Text as a colorable CSS mask icon.

.sublimetext-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #ff9800;
  mask: url("https://www.aiuidesigner.com/icons/sublimetext.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/sublimetext.svg") center / contain no-repeat;
}

Sublime Text Icon Details

Brand color

#FF9800

Category

Tools

Formats

SVG, PNG, React, HTML, CSS mask

SVG viewBox

Unknown

SVG file

Unknown · 0 paths

License

Check brand guidelines

About the Sublime Text Icon

The Sublime Text icon is available here as a brand icon asset in SVG format. It is categorized under Tools and uses the brand color #FF9800. You can download it as a transparent PNG, copy the inline SVG, copy a React component, or embed it with HTML.

Use the source and brand guideline links on this page to verify current trademark usage rules before using the Sublime Text logo in commercial projects, documentation, UI mockups, or marketing pages.

Tags:editortextcross-platform

Sublime Text Icon Frequently Asked Questions

Try AI Icon Generator

Need a completely unique icon? Use our AI-powered SVG Generator to create custom, professional icons in seconds.

Try AI Icon Generator

Sublime Text Related Icons