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

File Type Postman アイコン

vscode-icons:file-type-postman

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

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

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#ff6c37" d="M17.783 2.114a14 14 0 1 0-3.566 27.772a14 14 0 0 0 3.566-27.772"/><g fill="#fff" stroke-width=".875"><path d="M12.121 16.885a.05.05 0 0 0 .062.028l2.24-.483l-.943-.955l-1.342 1.343a.05.05 0 0 0-.017.067M22.61 7.267a2.087 2.087 0 1 0 .88 3.981l-1.42-1.42a.175.175 0 0 1 0-.247l1.855-1.854a2.1 2.1 0 0 0-1.315-.46"/><path d="M24.18 7.968L22.441 9.7l1.364 1.364a2.1 2.1 0 0 0 .375-3.095zm-3.479 3.196h-.03a.6.6 0 0 0-.109.01h-.012a1 1 0 0 0-.115.033l-.03.014a1 1 0 0 0-.08.042l-.031.02a1 1 0 0 0-.096.078l-5.156 5.158l.639.638l5.46-4.792a.6.6 0 0 0 .084-.09l.023-.03a.8.8 0 0 0 .097-.205c0-.016.01-.033.014-.05a1 1 0 0 0 .014-.105v-.122c0-.025 0-.033-.007-.05a.68.68 0 0 0-.533-.536h-.027a1 1 0 0 0-.105-.013m-6.979 4.063l1.058 1.053l5.17-5.17c.169-.165.388-.267.622-.29c-.914-.7-1.91-.517-6.85 4.407m7.71-2.66l-.063.062l-5.46 4.79l.928.927c2.302-2.177 4.344-4.25 4.595-5.779M7.812 23.791a.05.05 0 0 0 .045.036l2.38.164l-1.334-1.334l-1.08 1.078a.05.05 0 0 0-.01.056zm1.34-1.382l1.407 1.407a.11.11 0 0 0 .133.018a.105.105 0 0 0 .055-.122l-.237-1.01a.3.3 0 0 1 .156-.338c2.466-1.236 4.456-2.509 5.916-3.78l-.98-.98l-2.1.452zm6.149-5.101l-.526-.526l-.728.726a.035.035 0 0 0 0 .045a.034.034 0 0 0 .04.018z"/></g><path fill="#ff6c37" d="M24.229 9.097a.163.163 0 1 0-.29.14a.49.49 0 0 1-.06.526a.162.162 0 0 0 .25.207a.81.81 0 0 0 .1-.873"/></svg>

File Type Postman アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →