sublime text logo
sublime-text from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- sublime-text
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
Use the sublime text logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 27.885h12.698c.797 0 1.458-.448 1.458-1v-2.557c-.333.333-.859.542-1.458.542H3.307c-.594 0-1.125-.208-1.464-.542v2.557c0 .547.656 1 1.464 1zm0 1.938h13.922c1.146 0 2.078-.688 2.078-1.526c0-.068-.01-.135-.021-.198L29.838 5.417c-.068-.531-.474-.953-.927-1.125l1.62 19.203v3.391c0 .76-.818 1.38-1.839 1.38H3.307c-1.01 0-1.839-.625-1.839-1.38v-3.391l1.62-19.203c-.453.177-.859.599-.927 1.125L.02 28.089a1 1 0 0 0-.021.203c0 .839.927 1.531 2.073 1.531zm12.51-25.87l-.036-.422c0-.026 0-.047-.005-.078l-.01-.094c-.083-.672-.635-1.188-1.443-1.188H4.98c-.802 0-1.354.51-1.438 1.182l-.005.099l-.005.078l-.042.422l-1.635 19.547c0 .547.651 1 1.453 1h25.396c.802 0 1.453-.453 1.458-1zm-7.583 12.406c-.354.932-1.167 1.599-2.057 2c-.969.448-2.047.62-3.109.635a13.7 13.7 0 0 1-3.354-.359c-.557-.125-1.13-.276-1.656-.505c-.474-.208-.859-.677-.849-1.208c.01-.536.396-.99.891-1.182c.516-.208 1.01-.12 1.516.057a9.6 9.6 0 0 0 3.495.51c.672-.021 1.849-.38 1.661-1.422c-.042-.234-.224-.557-.458-.776c-.188-.182-.573-.359-.823-.427c-.552-.151-1.12-.26-1.677-.385c-1.13-.245-1.729-.432-2.729-1.042c-.88-.521-1.073-.859-1.208-1.651c-.177-1.031.328-1.854 1.161-2.479c1.859-1.411 3.641-1.365 5.839-.964c.542.104 1.188.193 1.661.479c.464.281.729.849.526 1.38c-.188.5-.667.573-1.182.521c-.552-.063-.781-.208-1.302-.307c-1.099-.198-1.5-.365-2.557-.068c-.417.12-.984.521-.771 1.042c.177.438.839.578 1.234.682c1.083.292 1.932.625 3.01.943c1.01.292 1.776.854 2.406 1.745c.563.792.682 1.885.344 2.792z"/></svg>
React
import type { SVGProps } from "react";
export function CibSublimeText(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 27.885h12.698c.797 0 1.458-.448 1.458-1v-2.557c-.333.333-.859.542-1.458.542H3.307c-.594 0-1.125-.208-1.464-.542v2.557c0 .547.656 1 1.464 1zm0 1.938h13.922c1.146 0 2.078-.688 2.078-1.526c0-.068-.01-.135-.021-.198L29.838 5.417c-.068-.531-.474-.953-.927-1.125l1.62 19.203v3.391c0 .76-.818 1.38-1.839 1.38H3.307c-1.01 0-1.839-.625-1.839-1.38v-3.391l1.62-19.203c-.453.177-.859.599-.927 1.125L.02 28.089a1 1 0 0 0-.021.203c0 .839.927 1.531 2.073 1.531zm12.51-25.87l-.036-.422c0-.026 0-.047-.005-.078l-.01-.094c-.083-.672-.635-1.188-1.443-1.188H4.98c-.802 0-1.354.51-1.438 1.182l-.005.099l-.005.078l-.042.422l-1.635 19.547c0 .547.651 1 1.453 1h25.396c.802 0 1.453-.453 1.458-1zm-7.583 12.406c-.354.932-1.167 1.599-2.057 2c-.969.448-2.047.62-3.109.635a13.7 13.7 0 0 1-3.354-.359c-.557-.125-1.13-.276-1.656-.505c-.474-.208-.859-.677-.849-1.208c.01-.536.396-.99.891-1.182c.516-.208 1.01-.12 1.516.057a9.6 9.6 0 0 0 3.495.51c.672-.021 1.849-.38 1.661-1.422c-.042-.234-.224-.557-.458-.776c-.188-.182-.573-.359-.823-.427c-.552-.151-1.12-.26-1.677-.385c-1.13-.245-1.729-.432-2.729-1.042c-.88-.521-1.073-.859-1.208-1.651c-.177-1.031.328-1.854 1.161-2.479c1.859-1.411 3.641-1.365 5.839-.964c.542.104 1.188.193 1.661.479c.464.281.729.849.526 1.38c-.188.5-.667.573-1.182.521c-.552-.063-.781-.208-1.302-.307c-1.099-.198-1.5-.365-2.557-.068c-.417.12-.984.521-.771 1.042c.177.438.839.578 1.234.682c1.083.292 1.932.625 3.01.943c1.01.292 1.776.854 2.406 1.745c.563.792.682 1.885.344 2.792z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 27.885h12.698c.797 0 1.458-.448 1.458-1v-2.557c-.333.333-.859.542-1.458.542H3.307c-.594 0-1.125-.208-1.464-.542v2.557c0 .547.656 1 1.464 1zm0 1.938h13.922c1.146 0 2.078-.688 2.078-1.526c0-.068-.01-.135-.021-.198L29.838 5.417c-.068-.531-.474-.953-.927-1.125l1.62 19.203v3.391c0 .76-.818 1.38-1.839 1.38H3.307c-1.01 0-1.839-.625-1.839-1.38v-3.391l1.62-19.203c-.453.177-.859.599-.927 1.125L.02 28.089a1 1 0 0 0-.021.203c0 .839.927 1.531 2.073 1.531zm12.51-25.87l-.036-.422c0-.026 0-.047-.005-.078l-.01-.094c-.083-.672-.635-1.188-1.443-1.188H4.98c-.802 0-1.354.51-1.438 1.182l-.005.099l-.005.078l-.042.422l-1.635 19.547c0 .547.651 1 1.453 1h25.396c.802 0 1.453-.453 1.458-1zm-7.583 12.406c-.354.932-1.167 1.599-2.057 2c-.969.448-2.047.62-3.109.635a13.7 13.7 0 0 1-3.354-.359c-.557-.125-1.13-.276-1.656-.505c-.474-.208-.859-.677-.849-1.208c.01-.536.396-.99.891-1.182c.516-.208 1.01-.12 1.516.057a9.6 9.6 0 0 0 3.495.51c.672-.021 1.849-.38 1.661-1.422c-.042-.234-.224-.557-.458-.776c-.188-.182-.573-.359-.823-.427c-.552-.151-1.12-.26-1.677-.385c-1.13-.245-1.729-.432-2.729-1.042c-.88-.521-1.073-.859-1.208-1.651c-.177-1.031.328-1.854 1.161-2.479c1.859-1.411 3.641-1.365 5.839-.964c.542.104 1.188.193 1.661.479c.464.281.729.849.526 1.38c-.188.5-.667.573-1.182.521c-.552-.063-.781-.208-1.302-.307c-1.099-.198-1.5-.365-2.557-.068c-.417.12-.984.521-.771 1.042c.177.438.839.578 1.234.682c1.083.292 1.932.625 3.01.943c1.01.292 1.776.854 2.406 1.745c.563.792.682 1.885.344 2.792z"/></svg> </template>
CSS
.icon-sublime-text {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2027.885h12.698c.797%200%201.458-.448%201.458-1v-2.557c-.333.333-.859.542-1.458.542H3.307c-.594%200-1.125-.208-1.464-.542v2.557c0%20.547.656%201%201.464%201zm0%201.938h13.922c1.146%200%202.078-.688%202.078-1.526c0-.068-.01-.135-.021-.198L29.838%205.417c-.068-.531-.474-.953-.927-1.125l1.62%2019.203v3.391c0%20.76-.818%201.38-1.839%201.38H3.307c-1.01%200-1.839-.625-1.839-1.38v-3.391l1.62-19.203c-.453.177-.859.599-.927%201.125L.02%2028.089a1%201%200%200%200-.021.203c0%20.839.927%201.531%202.073%201.531zm12.51-25.87l-.036-.422c0-.026%200-.047-.005-.078l-.01-.094c-.083-.672-.635-1.188-1.443-1.188H4.98c-.802%200-1.354.51-1.438%201.182l-.005.099l-.005.078l-.042.422l-1.635%2019.547c0%20.547.651%201%201.453%201h25.396c.802%200%201.453-.453%201.458-1zm-7.583%2012.406c-.354.932-1.167%201.599-2.057%202c-.969.448-2.047.62-3.109.635a13.7%2013.7%200%200%201-3.354-.359c-.557-.125-1.13-.276-1.656-.505c-.474-.208-.859-.677-.849-1.208c.01-.536.396-.99.891-1.182c.516-.208%201.01-.12%201.516.057a9.6%209.6%200%200%200%203.495.51c.672-.021%201.849-.38%201.661-1.422c-.042-.234-.224-.557-.458-.776c-.188-.182-.573-.359-.823-.427c-.552-.151-1.12-.26-1.677-.385c-1.13-.245-1.729-.432-2.729-1.042c-.88-.521-1.073-.859-1.208-1.651c-.177-1.031.328-1.854%201.161-2.479c1.859-1.411%203.641-1.365%205.839-.964c.542.104%201.188.193%201.661.479c.464.281.729.849.526%201.38c-.188.5-.667.573-1.182.521c-.552-.063-.781-.208-1.302-.307c-1.099-.198-1.5-.365-2.557-.068c-.417.12-.984.521-.771%201.042c.177.438.839.578%201.234.682c1.083.292%201.932.625%203.01.943c1.01.292%201.776.854%202.406%201.745c.563.792.682%201.885.344%202.792z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2027.885h12.698c.797%200%201.458-.448%201.458-1v-2.557c-.333.333-.859.542-1.458.542H3.307c-.594%200-1.125-.208-1.464-.542v2.557c0%20.547.656%201%201.464%201zm0%201.938h13.922c1.146%200%202.078-.688%202.078-1.526c0-.068-.01-.135-.021-.198L29.838%205.417c-.068-.531-.474-.953-.927-1.125l1.62%2019.203v3.391c0%20.76-.818%201.38-1.839%201.38H3.307c-1.01%200-1.839-.625-1.839-1.38v-3.391l1.62-19.203c-.453.177-.859.599-.927%201.125L.02%2028.089a1%201%200%200%200-.021.203c0%20.839.927%201.531%202.073%201.531zm12.51-25.87l-.036-.422c0-.026%200-.047-.005-.078l-.01-.094c-.083-.672-.635-1.188-1.443-1.188H4.98c-.802%200-1.354.51-1.438%201.182l-.005.099l-.005.078l-.042.422l-1.635%2019.547c0%20.547.651%201%201.453%201h25.396c.802%200%201.453-.453%201.458-1zm-7.583%2012.406c-.354.932-1.167%201.599-2.057%202c-.969.448-2.047.62-3.109.635a13.7%2013.7%200%200%201-3.354-.359c-.557-.125-1.13-.276-1.656-.505c-.474-.208-.859-.677-.849-1.208c.01-.536.396-.99.891-1.182c.516-.208%201.01-.12%201.516.057a9.6%209.6%200%200%200%203.495.51c.672-.021%201.849-.38%201.661-1.422c-.042-.234-.224-.557-.458-.776c-.188-.182-.573-.359-.823-.427c-.552-.151-1.12-.26-1.677-.385c-1.13-.245-1.729-.432-2.729-1.042c-.88-.521-1.073-.859-1.208-1.651c-.177-1.031.328-1.854%201.161-2.479c1.859-1.411%203.641-1.365%205.839-.964c.542.104%201.188.193%201.661.479c.464.281.729.849.526%201.38c-.188.5-.667.573-1.182.521c-.552-.063-.781-.208-1.302-.307c-1.099-.198-1.5-.365-2.557-.068c-.417.12-.984.521-.771%201.042c.177.438.839.578%201.234.682c1.083.292%201.932.625%203.01.943c1.01.292%201.776.854%202.406%201.745c.563.792.682%201.885.344%202.792z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/sublime-text.svg?color=%231a73e8&size=48
