ICONYZ
日本語
EOS Icons の Virtual Host Manager アイコン

Virtual Host Manager アイコン

eos-icons:virtual-host-manager

Virtual Host Manager アイコン(eos-icons:virtual-host-manager)は、EOS Icons セットの無料 SVG アイコンです(作者: SUSE UX/UI team)。 24 × 24 のグリッドで描かれています。 EOS Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
EOS Icons
作者
SUSE UX/UI team
ライセンス
MIT
サイズ
24 × 24
タグ
virtualhost、hostmanager、virtualhostmanager
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.312 18.034L17.297 7.559a1.994 1.994 0 1 0-3.005-2.466L5.984 3.614A1.998 1.998 0 1 0 3 5.7v12.578a1.992 1.992 0 0 0 .694 3.692A2 2 0 0 0 4 22a1.99 1.99 0 0 0 1.717-.99h12.546a1.99 1.99 0 0 0 3.699-.834c.005-.059.018-.116.018-.176a1.996 1.996 0 0 0-1.668-1.966m-14.538 1.06a2 2 0 0 0-.172-.28l3.845-4.917a3.5 3.5 0 0 0 .688.07a3.5 3.5 0 0 0 .949-.147l1.242 1.478A2.5 2.5 0 0 0 12 16.51c0 .038.01.073.011.11a2.494 2.494 0 0 0 2.489 2.39a2.47 2.47 0 0 0 1.664-.647l1.903 1.099c-.006.018-.017.035-.022.054H5.935a2 2 0 0 0-.161-.422m9.225-11.422a1.83 1.83 0 0 0 1.35.288l2.93 10.173a2 2 0 0 0-.279.141l-2.078-1.2a2.5 2.5 0 0 0 .065-.435c.002-.043.013-.084.013-.129a2.49 2.49 0 0 0-3.995-1.992l-.95-1.13a3.485 3.485 0 0 0 1.285-4.322ZM5.904 4.638l8.178 1.455a2 2 0 0 0 .228.824L12.782 8.2a3.446 3.446 0 0 0-4.477-.705zm-1.882 1.35a1.98 1.98 0 0 0 1.282-.476l2.221 2.643a3.46 3.46 0 0 0 .923 5.36l-3.642 4.657a2 2 0 0 0-.784-.17Z"/></svg>

Virtual Host Manager アイコンの使い方

React

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

<Icon icon="eos-icons:virtual-host-manager" width="24" />

Vue

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

<template>
  <Icon icon="eos-icons:virtual-host-manager" width="24" />
</template>

Svelte

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

<Icon icon="eos-icons:virtual-host-manager" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[eos-icons--virtual-host-manager]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/eos-icons -->
<div class="i-eos-icons:virtual-host-manager"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="eos-icons:virtual-host-manager"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/eos-icons/virtual-host-manager.svg" alt="Virtual Host Manager アイコン" width="24" height="24">

EOS Icons の関連アイコン

Virtual Host Manager アイコン のよくある質問

Virtual Host Manager アイコンは商用利用でも無料ですか?

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

React で Virtual Host Manager アイコンを使うには?

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

Virtual Host Manager アイコンをウェブページに追加するには?

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

EOS Icons をすべて見る →