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

File Type Antlers Html アイコン

vscode-icons:file-type-antlers-html

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

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

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#01d7b0" d="M25.098 27.272c2.051 0 2.804-.884 2.804-3.049V19.99c0-2.013.978-3.161 1.92-3.707c.282-.17.282-.564 0-.753c-.98-.62-1.92-1.919-1.92-3.65V7.74c0-2.334-.64-3.011-2.691-3.011H6.788c-2.051 0-2.691.677-2.691 3.01v4.16c0 1.73-.941 3.03-1.92 3.65a.44.44 0 0 0 0 .753c.941.527 1.92 1.675 1.92 3.707v4.215c0 2.164.753 3.049 2.804 3.049zm-9.146-3.858c-2.202 0-3.801-.658-5.288-1.957a1.04 1.04 0 0 1-.338-.79c0-.226.056-.47.225-.659l.47-.602c.227-.282.471-.414.754-.414c.32 0 .62.132.94.339a6.24 6.24 0 0 0 3.5 1.035c1.036 0 1.864-.433 1.864-1.317c0-2.296-7.64-1.035-7.64-6.191c0-2.767 2.258-4.31 5.193-4.31c2.07 0 3.595.602 4.724 1.317c.282.189.47.565.47.941c0 .226-.056.433-.188.621l-.339.508c-.245.34-.527.508-.884.508c-.245 0-.508-.094-.79-.225c-.848-.433-1.732-.659-2.805-.659c-1.11 0-1.769.602-1.769 1.223c0 2.353 7.64 1.073 7.64 6.078c0 2.823-2.276 4.554-5.739 4.554"/></svg>

File Type Antlers Html アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →