sublimetext icon logo

Use the sublimetext icon logo

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 332"><defs><linearGradient id="SVGL9oVpcfY" x1="55.117%" x2="63.68%" y1="58.68%" y2="39.597%"><stop offset="0%" stop-color="#ff9700"/><stop offset="53%" stop-color="#f48e00"/><stop offset="100%" stop-color="#d06f00"/></linearGradient></defs><path fill="url(#SVGL9oVpcfY)" d="M255.288 166.795c0-3.887-2.872-6.128-6.397-5.015L6.397 238.675C2.865 239.796 0 243.86 0 247.74v78.59c0 3.887 2.865 6.135 6.397 5.015l242.494-76.888c3.525-1.12 6.397-5.185 6.397-9.071z"/><path fill="#ff9800" d="M0 164.291c0 3.887 2.865 7.95 6.397 9.071l242.53 76.902c3.531 1.12 6.397-1.127 6.397-5.007V166.66c0-3.88-2.866-7.944-6.397-9.064L6.397 80.694C2.865 79.574 0 81.814 0 85.7z"/><path fill="#ff9800" d="M255.288 5.302c0-3.886-2.872-6.135-6.397-5.014L6.397 77.176C2.865 78.296 0 82.36 0 86.247v78.59c0 3.887 2.865 6.128 6.397 5.014l242.494-76.895c3.525-1.12 6.397-5.184 6.397-9.064z"/></svg>

import type { SVGProps } from "react";

export function LogosSublimetextIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 332"><defs><linearGradient id="SVGL9oVpcfY" x1="55.117%" x2="63.68%" y1="58.68%" y2="39.597%"><stop offset="0%" stopColor="#ff9700"/><stop offset="53%" stopColor="#f48e00"/><stop offset="100%" stopColor="#d06f00"/></linearGradient></defs><path fill="url(#SVGL9oVpcfY)" d="M255.288 166.795c0-3.887-2.872-6.128-6.397-5.015L6.397 238.675C2.865 239.796 0 243.86 0 247.74v78.59c0 3.887 2.865 6.135 6.397 5.015l242.494-76.888c3.525-1.12 6.397-5.185 6.397-9.071z"/><path fill="#ff9800" d="M0 164.291c0 3.887 2.865 7.95 6.397 9.071l242.53 76.902c3.531 1.12 6.397-1.127 6.397-5.007V166.66c0-3.88-2.866-7.944-6.397-9.064L6.397 80.694C2.865 79.574 0 81.814 0 85.7z"/><path fill="#ff9800" d="M255.288 5.302c0-3.886-2.872-6.135-6.397-5.014L6.397 77.176C2.865 78.296 0 82.36 0 86.247v78.59c0 3.887 2.865 6.128 6.397 5.014l242.494-76.895c3.525-1.12 6.397-5.184 6.397-9.064z"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 332"><defs><linearGradient id="SVGL9oVpcfY" x1="55.117%" x2="63.68%" y1="58.68%" y2="39.597%"><stop offset="0%" stop-color="#ff9700"/><stop offset="53%" stop-color="#f48e00"/><stop offset="100%" stop-color="#d06f00"/></linearGradient></defs><path fill="url(#SVGL9oVpcfY)" d="M255.288 166.795c0-3.887-2.872-6.128-6.397-5.015L6.397 238.675C2.865 239.796 0 243.86 0 247.74v78.59c0 3.887 2.865 6.135 6.397 5.015l242.494-76.888c3.525-1.12 6.397-5.185 6.397-9.071z"/><path fill="#ff9800" d="M0 164.291c0 3.887 2.865 7.95 6.397 9.071l242.53 76.902c3.531 1.12 6.397-1.127 6.397-5.007V166.66c0-3.88-2.866-7.944-6.397-9.064L6.397 80.694C2.865 79.574 0 81.814 0 85.7z"/><path fill="#ff9800" d="M255.288 5.302c0-3.886-2.872-6.135-6.397-5.014L6.397 77.176C2.865 78.296 0 82.36 0 86.247v78.59c0 3.887 2.865 6.128 6.397 5.014l242.494-76.895c3.525-1.12 6.397-5.184 6.397-9.064z"/></svg>
</template>

.icon-sublimetext-icon {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20332%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGL9oVpcfY%22%20x1%3D%2255.117%25%22%20x2%3D%2263.68%25%22%20y1%3D%2258.68%25%22%20y2%3D%2239.597%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ff9700%22%2F%3E%3Cstop%20offset%3D%2253%25%22%20stop-color%3D%22%23f48e00%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23d06f00%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGL9oVpcfY)%22%20d%3D%22M255.288%20166.795c0-3.887-2.872-6.128-6.397-5.015L6.397%20238.675C2.865%20239.796%200%20243.86%200%20247.74v78.59c0%203.887%202.865%206.135%206.397%205.015l242.494-76.888c3.525-1.12%206.397-5.185%206.397-9.071z%22%2F%3E%3Cpath%20fill%3D%22%23ff9800%22%20d%3D%22M0%20164.291c0%203.887%202.865%207.95%206.397%209.071l242.53%2076.902c3.531%201.12%206.397-1.127%206.397-5.007V166.66c0-3.88-2.866-7.944-6.397-9.064L6.397%2080.694C2.865%2079.574%200%2081.814%200%2085.7z%22%2F%3E%3Cpath%20fill%3D%22%23ff9800%22%20d%3D%22M255.288%205.302c0-3.886-2.872-6.135-6.397-5.014L6.397%2077.176C2.865%2078.296%200%2082.36%200%2086.247v78.59c0%203.887%202.865%206.128%206.397%205.014l242.494-76.895c3.525-1.12%206.397-5.184%206.397-9.064z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20332%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGL9oVpcfY%22%20x1%3D%2255.117%25%22%20x2%3D%2263.68%25%22%20y1%3D%2258.68%25%22%20y2%3D%2239.597%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ff9700%22%2F%3E%3Cstop%20offset%3D%2253%25%22%20stop-color%3D%22%23f48e00%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23d06f00%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGL9oVpcfY)%22%20d%3D%22M255.288%20166.795c0-3.887-2.872-6.128-6.397-5.015L6.397%20238.675C2.865%20239.796%200%20243.86%200%20247.74v78.59c0%203.887%202.865%206.135%206.397%205.015l242.494-76.888c3.525-1.12%206.397-5.185%206.397-9.071z%22%2F%3E%3Cpath%20fill%3D%22%23ff9800%22%20d%3D%22M0%20164.291c0%203.887%202.865%207.95%206.397%209.071l242.53%2076.902c3.531%201.12%206.397-1.127%206.397-5.007V166.66c0-3.88-2.866-7.944-6.397-9.064L6.397%2080.694C2.865%2079.574%200%2081.814%200%2085.7z%22%2F%3E%3Cpath%20fill%3D%22%23ff9800%22%20d%3D%22M255.288%205.302c0-3.886-2.872-6.135-6.397-5.014L6.397%2077.176C2.865%2078.296%200%2082.36%200%2086.247v78.59c0%203.887%202.865%206.128%206.397%205.014l242.494-76.895c3.525-1.12%206.397-5.184%206.397-9.064z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/sublimetext-icon.svg?color=%231a73e8&size=48