File Type Sss アイコン

Q: File Type Sss アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

vscode-icons:file-type-sss

File Type Sss アイコン(vscode-icons:file-type-sss)は、VSCode Icons セットの無料 SVG アイコンです（作者: Roberto Huertas）。 32 × 32 のグリッドで描かれています。 VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: VSCode Icons
作者: Roberto Huertas
ライセンス: MIT
サイズ: 32 × 32
タグ: filetype、typesss、filetypesss

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><circle cx="16" cy="16" r="14" fill="#2dcc9f"/><path fill="#c8eeee" d="m23.35 19.54l-1.83 3.87V12.12l1.83-1.58z"/><path fill="#9deeee" d="M21.68 19.16S23.79 17 23 18.74c-.22.48-.78.93-1.48 1.31v-.84z" opacity=".35"/><path fill="azure" d="M8.89 12.12h12.63v11.34H8.89z"/><path fill="#9deeee" d="M17.03 21.73L17 21.7h.02zm4.49-1.68a21 21 0 0 1-4.5 1.63l-.2-.95l4.7-1.52zm-10.12.63l1 .89h.04c-.58.11-1.18.03-1.7-.24q-.9-.38-1.85-.58v-.97l.11-.05z" opacity=".35"/><path fill="#94b3ca" d="M13.62 15.86q.03-.54-.09-1.06q-.05-.25-.21-.46a.5.5 0 0 0-.41-.18a.6.6 0 0 0-.41.21q-.15.22-.21.46q-.12.52-.09 1.06c0 .1-.07.11-.08 0a4 4 0 0 1 .06-1.1q.05-.29.23-.52a1 1 0 0 1 .23-.19a.62.62 0 0 1 .81.17q.09.12.14.26q.05.13.08.27q.05.27.05.55v.55c0 .12-.07.11-.07 0zm3.17 0v-.55a3 3 0 0 1 .21-1.06a.6.6 0 0 1 .58-.25q.15 0 .29.07a1 1 0 0 1 .23.19q.18.23.23.52q.06.27.06.55v.55c0 .1-.09.09-.08 0q.03-.54-.09-1.06a1 1 0 0 0-.22-.46a.55.55 0 0 0-.64-.17a1 1 0 0 0-.18.14q-.15.22-.21.46q-.1.52-.09 1.06c0 .12-.06.13-.07 0z"/><path fill="#ff8aff" d="M15.35 18a.9.9 0 0 0-.89.54a.9.9 0 0 0 .83.75a1.1 1.1 0 0 0 .86-.79a1 1 0 0 0-.8-.5"/><path fill="#733335" d="M14.24 16.58q-.04.98.21 1.93a.94.94 0 0 1 1.68 0q.31-.92.32-1.89a1.75 1.75 0 0 1-2.21-.04"/><path fill="#cdeeee" d="M12.77 18.37c1.07 0 .67 2.73.65 3.6s.16 1.66.18 2.24s.31 2.3-1 2.29s-.5-3.37-.49-4.07c.01 0-.41-4.09.66-4.06m3.63 0c-1.07 0-.67 2.73-.65 3.6s-.16 1.66-.18 2.24s-.31 2.3 1 2.29s.5-3.37.49-4.07c0 0 .42-4.09-.65-4.06z"/><path fill="#9deeee" d="M12.7 18.38q-.2.91-.22 1.85a.77.77 0 0 0 1 .79l-.03.5l-1.03.58a18 18 0 0 1-.16 2.31a2.4 2.4 0 0 0 .39 2.09h-.05c-1.31-.01-.5-3.37-.49-4.07c0-.05-.39-3.92.6-4.05m3.7-.01h.09q-.15.93-.18 1.86a.8.8 0 0 0 .82.83l-.02.59l-.86.45q-.03 1.16-.2 2.31a2.4 2.4 0 0 0 .37 2.08c-1.15-.11-.88-1.72-.86-2.28c.02-.58.2-1.37.18-2.24s-.42-3.6.65-3.6z" opacity=".35"/><path fill="#249e7c" d="M9.1 6.52h.19v4.39H9.1zM10.63 8h.18v1.57h-.18zm12.2-2.2H23v3.46h-.18V5.85zm-1.59 2.43h.18V10h-.18z"/><path fill="#ddf5f5" d="M21.94 17.34s.07-.87.76-.68a1.55 1.55 0 0 1 0 2.26c-1 1-2.3 1.67-3.7 1.89c-1.41.34-1.35.7-2.68.85s-1.6-.46-1.59-1s.49-1.21 1.7-1.18s1.07.48 2.29.27a8 8 0 0 0 2.91-1.15c.42-.32.79-.76.31-1.26m-13.08.23A1.5 1.5 0 0 0 7.61 19c.12 1.13 1.1 1.37 2.23 1.63s.92.79 2.28.92s1.9-.49 1.77-1.29s-1.48-.76-3-.77a2.3 2.3 0 0 1-2-.72v-1.2z"/><path fill="#c2f5f5" d="m22.9 18.67l-.2.25c-1 1-2.3 1.67-3.7 1.89c-1.41.34-1.35.7-2.68.85s-1.6-.46-1.6-1l.02-.1c.12.22.43.49 1.24.46q.98.02 1.85-.43c1 0 1.99-.22 2.88-.66a7 7 0 0 0 2.2-1.26m-14.02-1.1v1.05l-.07.08a.66.66 0 0 0 .21 1a14 14 0 0 1 1.92.85a3.4 3.4 0 0 0 2.95.1c-.09.6-.65 1-1.78.9c-1.36-.13-1.15-.66-2.28-.92s-2.11-.5-2.23-1.63a1.5 1.5 0 0 1 1.25-1.43z" opacity=".35"/><path fill="#d0f5f5" d="M8.92 12.11v.01h-.03v.01l-.01.01l-.01-.05zm12.59.01H8.92l2.59-1.57h11.83z"/></g></svg>

File Type Sss アイコンの使い方

React

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

<Icon icon="vscode-icons:file-type-sss" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-sss" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-sss" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="vscode-icons:file-type-sss"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-sss.svg" alt="File Type Sss アイコン" width="24" height="24">

VSCode Icons の関連アイコン

File Type Sss アイコンのよくある質問

File Type Sss アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で File Type Sss アイコンを使うには?

@iconify/react をインストールして <Icon icon="vscode-icons:file-type-sss" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

File Type Sss アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-sss.svg" alt="File Type Sss アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

VSCode Icons をすべて見る →