Sublime アイコン
file-icons:sublime
Sublime アイコン(file-icons:sublime)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
SVG コード
<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>Sublime アイコンの使い方
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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/file-icons/sublime.svg" alt="Sublime アイコン" width="24" height="24">他のアイコンセットの Sublime アイコン
Sublime アイコン のよくある質問
Sublime アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sublime アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:sublime" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sublime アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/sublime.svg" alt="Sublime アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。