ICONYZ
日本語
VSCode Icons の File Type Slangacademic アイコン

File Type Slangacademic アイコン

vscode-icons:file-type-slangacademic

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

アイコンセット
VSCode Icons
作者
Roberto Huertas
ライセンス
MIT
サイズ
32 × 32
タグ
filetype、typeslangacademic、filetypeslangacademic
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#b7162c" d="m28 11.3l-1.33-6.1a5 5 0 0 0-1.2-2.24A3 3 0 0 0 23.35 2H12.42a15 15 0 0 0-1.54.03a2.8 2.8 0 0 0-1.7.8a8 8 0 0 0-1.35 1.9l-4.02 6.6a8.5 8.5 0 0 0-.57 8.16q.37.66.76 1.3l.83 3.73c.34 1.38.45 2.89 1.3 4.08A3.3 3.3 0 0 0 8.36 30h12.5a4 4 0 0 0 1.12-.24a4.2 4.2 0 0 0 1.84-1.92l4.54-7.46A8.3 8.3 0 0 0 28 11.3"/><path fill="#f4c207" d="M11.13 3.41a14 14 0 0 1 1.54-.03h10.62a2.2 2.2 0 0 1 1.46.54a3.6 3.6 0 0 1 1.05 2.02q.67 3.02 1.32 6.05a6.7 6.7 0 0 1 .67 7.2l-5.06 8.3a2.3 2.3 0 0 1-2.25 1.13H9.23c-.4-.04-.83.1-1.2-.1a2.8 2.8 0 0 1-1.74-2.02q-.72-3.2-1.41-6.4c-.04-.23-.26-.37-.37-.56a8 8 0 0 1-.75-1.52a9 9 0 0 1-.34-1.95a6.5 6.5 0 0 1 .96-3.49l4.7-7.72a2.5 2.5 0 0 1 2.05-1.44m-.2 2.3c-.14.07-.32.1-.38.29c-.64.96-1.2 1.96-1.81 2.94q-1.5 2.42-2.97 4.85a3.7 3.7 0 0 0-.44 3.41a2.5 2.5 0 0 0 1.71 1.67h8.5c1-.04 2 .11 3 .06q-1.8 2.93-3.57 5.87h-.1c-.15-.9-.4-1.8-.57-2.7a2.9 2.9 0 0 0-1.4-2.15a3 3 0 0 0-.98-.15H6.61a4 4 0 0 0 .16.97q.5 2.36 1.03 4.71c.06.43.38.9.87.81h12.19a.6.6 0 0 0 .6-.26l4.7-7.69a4 4 0 0 0 .76-2.04a4 4 0 0 0-.56-2.13a2 2 0 0 0-1.63-1.06H13.47c.27-.62.69-1.16 1.02-1.75l2.6-4.26c.26 1.1.46 2.2.74 3.28a2.2 2.2 0 0 0 1.84 1.78h5.75a6 6 0 0 0-.17-.88l-1.08-4.92a.8.8 0 0 0-.75-.69c-4.16.03-8.32-.02-12.48.03Z"/></svg>

File Type Slangacademic アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-slangacademic"></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-slangacademic"></iconify-icon>

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →