File Type Stryker アイコン

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

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

vscode-icons:file-type-stryker

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><clipPath id="SVGQkPx5cMH"><path fill="none" d="M2.35 2.35h27.3v27.3H2.35z"/></clipPath></defs><g clip-path="url(#SVGQkPx5cMH)"><path fill="#e74c3c" d="M29.65 16A13.65 13.65 0 1 1 16 2.35A13.65 13.65 0 0 1 29.65 16"/><path fill-opacity=".3" fill-rule="evenodd" d="m16.92 29.62l-3.77-3.78l4.36-2l1.59-1.44v-1.21l-4.81-4.81l-.83-3.5L12.53 9l4.71-1.55l5.27 2.2l7.12 7.1a13.65 13.65 0 0 1-12.71 12.87"/><path fill="#f1c40f" d="M16.46 8.52a3 3 0 0 1 1.83.48a3.3 3.3 0 0 1 1 1.44l.22.54l3.11-1.09l-.27-.6a6.35 6.35 0 0 0-2.14-2.7a6.48 6.48 0 0 0-3.83-1a7.3 7.3 0 0 0-2.5.41A5.8 5.8 0 0 0 12 7.1a4.85 4.85 0 0 0-1.23 1.74a5.5 5.5 0 0 0-.41 2.1a5.3 5.3 0 0 0 1.14 3.43a8.5 8.5 0 0 0 3.37 2.27c.79.32 1.48.62 2.05.88a4.7 4.7 0 0 1 1.24.78a2.5 2.5 0 0 1 .63.92a4.2 4.2 0 0 1 .2 1.43a3.1 3.1 0 0 1-.28 1.35a2.2 2.2 0 0 1-.65.83a2.4 2.4 0 0 1-.92.46a4.6 4.6 0 0 1-2.51-.05a3 3 0 0 1-1-.52A2.7 2.7 0 0 1 13 22a5 5 0 0 1-.43-.91l-.21-.59l-3 1.14l.2.56a6.8 6.8 0 0 0 .78 1.55a5.8 5.8 0 0 0 1.31 1.36a6.3 6.3 0 0 0 1.86 1a7.7 7.7 0 0 0 2.48.36a7.1 7.1 0 0 0 2.6-.47a6.4 6.4 0 0 0 2-1.26A5.9 5.9 0 0 0 22 22.81a5.6 5.6 0 0 0 .49-2.29a6.7 6.7 0 0 0-.49-2.59a5.55 5.55 0 0 0-1.23-1.85A7.3 7.3 0 0 0 19 14.83a18 18 0 0 0-2-.89a16 16 0 0 1-1.68-.74a5 5 0 0 1-1-.7a1.8 1.8 0 0 1-.46-.71a2.8 2.8 0 0 1-.15-1a2 2 0 0 1 .69-1.7a3.38 3.38 0 0 1 2.05-.57Z"/><path fill-rule="evenodd" d="M15.83 2.35h.34v2.12h-.34Zm13.82 13.82v-.34h-2.12v.34ZM15.83 27.53h.34v2.12h-.34ZM4.47 16.17v-.34H2.35v.34Z"/></g></svg>

File Type Stryker アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →