File Type Http アイコン

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

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

vscode-icons:file-type-http

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><radialGradient id="SVGTs997cDO" cx="12.3" cy="24.6" r="18.4" gradientTransform="matrix(1 0 0 -1 -.001 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d3e9ff"/><stop offset=".155" stop-color="#d3e9ff"/><stop offset=".75" stop-color="#4074ae"/><stop offset="1" stop-color="#36486c"/></radialGradient><radialGradient id="SVGop4OsedX" cx="10.7" cy="26.7" r="26.7" gradientTransform="matrix(1 0 0 -1 -.001 34)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity=".165"/></radialGradient><radialGradient id="SVGK4pYOcdX" cx="-45" cy="9.28" r="4.12" gradientTransform="rotate(144 -17.807 17.376)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="SVGdaqJNbnW" cx="-41.5" cy="32.2" r="4.12" gradientTransform="rotate(144 -12.365 44.13)scale(1.3)" href="#SVGK4pYOcdX"/><radialGradient id="SVGSaghPeJT" cx="-48.5" cy="13.2" r="4.12" gradientTransform="rotate(144 -20.55 23.947)" href="#SVGK4pYOcdX"/><radialGradient id="SVGwjaSBcZB" cx="-40.9" cy="16" r="4.12" gradientTransform="matrix(-.87 .639 -.638 -.87 -9.35 47.7)" href="#SVGK4pYOcdX"/><radialGradient id="SVGj37acbwU" cx="-20.7" cy="57.6" r="2.84" gradientTransform="matrix(0 -.843 -.721 0 26.6 -21.7)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#729fcf"/><stop offset="1" stop-color="#3b61a6"/></radialGradient><radialGradient id="SVGOjwe1VgT" cx="-20.7" cy="39.9" r="2.84" gradientTransform="matrix(0 .843 -.721 0 26.6 63.1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#729fcf"/><stop offset="1" stop-color="#509e2f"/></radialGradient><linearGradient id="SVG5IiIl0nw" x1="-66.5" x2="-64.6" y1="2.22" y2="6.75" gradientTransform="matrix(.939 -.879 -.683 -.73 84.8 -33.6)" href="#SVGK4pYOcdX"/><linearGradient id="SVGOmAnMcRH" x1="-26.8" x2="-25" y1="39.2" y2="44.7" gradientTransform="matrix(1.13 .613 .477 -.879 21.6 69.1)" href="#SVGK4pYOcdX"/><linearGradient id="SVG5a892b3R" x1="-63.4" x2="-63.6" y1="8.18" y2="4.69" gradientTransform="matrix(.918 -.859 -.668 -.713 77.9 -36.5)" href="#SVGK4pYOcdX"/><linearGradient id="SVGEefFmdRP" x1="-99.3" x2="-98.8" y1="89.5" y2="93" gradientTransform="matrix(-1.28 -.126 -.098 .995 -102 -93)" href="#SVGK4pYOcdX"/></defs><path fill="url(#SVGTs997cDO)" d="M28 14.2A11.9 11.9 0 1 1 16.1 2.3A11.9 11.9 0 0 1 28 14.2"/><path fill="#39396c" d="M16.1 26.4a12.2 12.2 0 1 1 12.2-12.2a12.2 12.2 0 0 1-12.2 12.2m0-23.8a11.6 11.6 0 1 0 11.6 11.6A11.6 11.6 0 0 0 16.1 2.6"/><path fill="#204a87" fill-opacity=".713" d="m27.693 12.424l-.328.371a7 7 0 0 0-.656-.644l-.5.074l-.46-.519v.643l.394.3l.262.3l.35-.4q.132.246.263.5v.495l-.394.445l-.722.5l-.546.545l-.35-.4l.175-.445l-.35-.4l-.591-1.262l-.5-.569l-.14.142l.2.718l.371.421a17 17 0 0 0 .7 1.783a10 10 0 0 0 1.268-.1v.347l-.525 1.287l-.481.544l-.394.843v1.387l.132.545l-.219.247l-.482.3l-.5.421l.416.47l-.569.5l.109.321l-.853.966H22.2l-.481.3h-.307V23l-.13-.793c-.169-.5-.346-.991-.525-1.484c0-.364.022-.725.044-1.089l.219-.495l-.307-.595l.022-.817l-.416-.47l.208-.68l-.338-.384H19.6l-.2-.223l-.591.372l-.24-.273l-.547.47l-1.111-1.269l-.437-1.04l.394-.593l-.219-.247l.481-1.139c.395-.491.807-.963 1.225-1.436l.744-.2l.831-.1l.569.149l.809.816l.284-.321l.393-.049l.744.247h.571l.394-.347l.175-.247l-.394-.247l-.656-.049a7 7 0 0 0-.568-.743l-.219.1l-.088.644l-.394-.445l-.087-.5l-.437-.346h-.176l.438.495l-.175.445l-.35.1l.219-.445l-.394-.2l-.349-.4l-.657.148l-.087.2l-.394.248l-.219.545l-.546.272l-.241-.272h-.265v-.885l.569-.3h.437l-.088-.346l-.348-.344l.59-.124l.328-.371l.262-.446h.482l-.132-.346l.307-.2v.4l.656.148l.656-.544l.044-.248l.568-.4a4 4 0 0 0-.612.1v-.444l.219-.5h-.219l-.48.445l-.132.248l.132.347l-.219.593l-.35-.2l-.306-.346l-.482.346l-.175-.792l.831-.544v-.3l.525-.346l.831-.2l.569.2l1.049.2l-.262.3h-.57l.569.594l.437-.495l.133-.218a15.5 15.5 0 0 1 2.635 3.147a11.5 11.5 0 0 1 1.409 3.982M16.861 5.517l-.044.3l.307.2l.524-.346l-.262-.3l-.35.2l-.174-.05m.481-2.033l-1.138-.446l-1.312.148l-1.619.445l-.306.3l1.006.693v.4l-.394.4l.525 1.04l.349-.2l.438-.693a15 15 0 0 0 1.924-.743l.525-1.337m1.183 4.152l-.175-.447l-.307.1l.088.544l.394-.2"/><path fill="#204a87" fill-opacity=".713" d="m18.7 7.547l-.088.595l.481-.1l.35-.346l-.306-.3a8 8 0 0 0-.35-.792h-.262v.3l.174.2v.445m-6.474 9.404l-.35-.693l-.656-.148l-.35-.94l-.875.1l-.743-.544l-.788.693v.109a3 3 0 0 1-.743-.209l-.175-.495v-.546l-.525.049l.131-1.039h-.306l-.306.4l-.306.148l-.433-.251l-.044-.545l.088-.594l.656-.495h.52l.087-.3l.656.148l.481.595l.088-.991l.831-.693l.306-.743l.612-.247l.35-.495l.787-.149l.394-.593h-1.18l.744-.347h.524l.744-.248l.088-.3l-.263-.248l-.306-.1l.088-.3l-.219-.445l-.525.2l.088-.4l-.612-.347l-.483.85l.044.3l-.481.2l-.306.643l-.131-.594L8.594 7l-.131-.445l1.094-.644l.481-.445l.044-.544l-.262-.149l-.35-.05l-.219.545s-.366.072-.46.095A12.5 12.5 0 0 0 4.6 13.371a7 7 0 0 0 .409.711l.918.544l.918.248l.394.5l.612.445l.35-.049l.262.118v.08l-.35.94l-.263.4l.088.2l-.219.742l.787 1.436l.787.693l.35.495L9.6 21.9l.263.593l-.263 1.144s-.021-.007.013.107a5.3 5.3 0 0 0 1.488.809l.161-.123l-.087-.247l.35-.347l.131-.347l.569-.2l.437-1.089l-.131-.3l.306-.445l.656-.149l.35-.792l-.088-.99l.525-.743l.088-.743c-.718-.356-1.43-.723-2.143-1.089m-.962-11.234l.437.3h.35v-.349l-.437-.2l-.35.247"/><path fill="#204a87" fill-opacity=".713" d="m10.126 5.319l-.219.544h.438l.219-.5q.282-.2.568-.4l.438.149l.875.594l.438-.4l-.482-.2l-.219-.446l-.831-.1l-.044-.248l-.394.1l-.175.346l-.219-.446l-.087.2l.044.5l-.35.3M11.7 4.081l.219-.2l.438-.1a7 7 0 0 1 .918-.347l-.174-.3l-.565.081l-.267.266l-.44.064l-.391.184l-.19.092l-.116.155l.568.1m.744 4.709l.263-.4l-.394-.3l.131.693"/><path fill="url(#SVGop4OsedX)" d="M16.1 25.8a11.6 11.6 0 1 1 11.6-11.6a11.6 11.6 0 0 1-11.6 11.6m0-22.5a11 11 0 1 0 11 11a11 11 0 0 0-11-11" opacity=".396"/><path fill="url(#SVGK4pYOcdX)" d="M5.54 10.2a4.12 4.12 0 1 0 6.64-4.87a4.12 4.12 0 0 0-6.64 4.86z"/><path fill="#fff" d="M7.84 8.56a1.27 1.27 0 1 0 2.05-1.5a1.27 1.27 0 0 0-2.05 1.5"/><path fill="url(#SVGdaqJNbnW)" d="M18 24.8a5.34 5.34 0 1 0 8.61-6.31A5.34 5.34 0 0 0 18 24.8"/><path fill="#fff" d="M20.9 22.6a1.64 1.64 0 1 0 2.65-1.95a1.64 1.64 0 0 0-2.65 1.95"/><path fill="url(#SVGSaghPeJT)" d="M4.86 18.5a4.12 4.12 0 1 0 6.64-4.87a4.12 4.12 0 0 0-6.64 4.87"/><path fill="#fff" d="M7.15 16.8a1.27 1.27 0 1 0 2.05-1.5a1.27 1.27 0 0 0-2.05 1.5"/><path fill="url(#SVGwjaSBcZB)" d="M12.4 10.3a4.44 4.44 0 1 0 7.16-5.25a4.44 4.44 0 1 0-7.16 5.25"/><path fill="#fff" d="M14.9 8.45a1.37 1.37 0 1 0 2.21-1.62a1.37 1.37 0 1 0-2.21 1.62"/><path fill="url(#SVG5IiIl0nw)" d="M12.7 26.2a3.83 3.83 0 0 1-2.91-1.09c-1.13-1.21-1.2-3.26-.2-5.76a21.5 21.5 0 0 1 5.31-7.33C20.09 7.17 26 5.31 28.3 7.79c1.13 1.21 1.2 3.26.2 5.76a21.6 21.6 0 0 1-5.31 7.33a21.6 21.6 0 0 1-7.66 4.81a9.2 9.2 0 0 1-2.82.505zm12.7-19c-2.7 0-6.6 1.91-10.1 5.18a21 21 0 0 0-5.17 7.14c-.921 2.3-.887 4.14.094 5.19s2.82 1.2 5.17.437a21 21 0 0 0 7.46-4.69a21 21 0 0 0 5.18-7.13c.921-2.3.888-4.14-.095-5.19a3.34 3.34 0 0 0-2.53-.933z"/><path fill="url(#SVGOmAnMcRH)" d="M21.7 22.1a20.6 20.6 0 0 1-9.34-2.76c-6.24-3.38-9.87-8.38-8.25-11.4c.79-1.46 2.7-2.18 5.4-2.01a21.5 21.5 0 0 1 8.63 2.72a21.5 21.5 0 0 1 6.99 5.75c1.6 2.17 2.05 4.16 1.26 5.62c-.746 1.38-2.45 2.05-4.69 2.05zM8.8 6.5c-2.1 0-3.57.612-4.19 1.75c-1.45 2.68 2.15 7.45 8.03 10.6s11.8 3.6 13.3.924c.685-1.26.251-3.05-1.22-5.04a21 21 0 0 0-6.81-5.59a21 21 0 0 0-8.4-2.65q-.359-.026-.7-.026z"/><path fill="url(#SVG5a892b3R)" d="M10 24.1a3.76 3.76 0 0 1-2.85-1.06c-1.11-1.19-1.18-3.19-.2-5.64a21.1 21.1 0 0 1 5.19-7.16c5.07-4.75 10.8-6.56 13.1-4.13c2.28 2.43.083 8.05-4.99 12.8a21.1 21.1 0 0 1-7.49 4.7a9 9 0 0 1-2.76.499zM22.4 5.6c-2.63 0-6.44 1.86-9.86 5.06a20.5 20.5 0 0 0-5.05 6.96c-.9 2.24-.866 4.03.09 5.06s2.74 1.17 5.04.424a20.5 20.5 0 0 0 7.28-4.58c4.77-4.46 6.99-9.85 4.96-12a3.26 3.26 0 0 0-2.47-.904z"/><path fill="url(#SVGEefFmdRP)" d="M17.5 19.4c-.86 0-1.75-.043-2.66-.133c-7.07-.696-12.3-3.89-12-7.28c.333-3.38 6.13-5.49 13.2-4.79s12.3 3.89 12 7.28c-.289 2.95-4.73 4.93-10.5 4.93zM3.4 12.04c-.3 3.03 4.87 6.03 11.5 6.69s12.3-1.28 12.6-4.31S22.63 8.39 16 7.74S3.7 9.02 3.4 12.05z"/><path fill="url(#SVGj37acbwU)" d="M6.25 30h6.67v-9.16h2.98l-6.36-9.38l-6.25 9.35l2.96.031z"/><path fill="#183868" d="M12.924 30.045H6.251a.05.05 0 0 1-.039-.023c-.01-.015-.016-3.135-.016-3.156v-5.975l-2.9-.03a.06.06 0 0 1-.051-.048a.1.1 0 0 1 .011-.085l6.252-9.348a.06.06 0 0 1 .041-.025a.05.05 0 0 1 .04.024l6.357 9.375a.1.1 0 0 1 .011.086a.06.06 0 0 1-.051.048H12.98v9.078c0 .044-.025.079-.056.079m-6.618-.158h6.562v-9.078c0-.044.025-.079.056-.079h2.85l-6.225-9.181L3.424 20.7l2.83.03c.031 0 .055.036.055.079Z"/><path fill="url(#SVGOjwe1VgT)" d="m19.1 20.6l-2.96.031l6.25 9.35l6.36-9.38h-2.98v-9.16H19.1z"/><path fill="#183868" d="M25.78 11.434v9.078h2.925a.06.06 0 0 1 .051.048a.1.1 0 0 1-.011.086l-6.357 9.375a.05.05 0 0 1-.04.024a.06.06 0 0 1-.041-.025l-6.254-9.348a.1.1 0 0 1-.011-.085a.06.06 0 0 1 .051-.048l2.9-.03v-5.975c0-.021.006-3.141.016-3.156a.05.05 0 0 1 .039-.023h6.674c.033 0 .058.035.058.079m-6.672 9.153c0 .043-.025.079-.055.079l-2.83.03l6.125 9.156l6.226-9.181h-2.85c-.031 0-.056-.035-.056-.079v-9.079h-6.561Z"/></svg>

File Type Http アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →