ICONYZ
日本語
EOS Icons の Daemon Set Outlined アイコン

Daemon Set Outlined アイコン

eos-icons:daemon-set-outlined

Daemon Set Outlined アイコン(eos-icons:daemon-set-outlined)は、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
タグ
daemonset、setoutlined、daemonsetoutlined
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 20V6H1v14a2 2 0 0 0 2 2h16v-2l-8-.001Z"/><path fill="currentColor" d="M17.293 8.946q.05-.082.095-.17a2 2 0 0 0 .08-.182a2.02 2.02 0 0 0-.041-1.536a1.98 1.98 0 0 0-1.11-1.055l-.005-.001L16.306 6a2.01 2.01 0 0 1 .178 1.79v.002l-.001.001a3.6 3.6 0 0 0-1.123-.73a3.6 3.6 0 0 0-2.721 0a3.6 3.6 0 0 0-1.123.73v-.001l-.001-.002a1.95 1.95 0 0 1-.11-.932A2.1 2.1 0 0 1 11.712 6l-.006.002l-.006.001a2.02 2.02 0 0 0-1.17 2.59a2 2 0 0 0 .08.183q.044.088.095.17a3.6 3.6 0 1 0 6.587 0m-1.894-.15a.6.6 0 1 1-.425.175a.6.6 0 0 1 .425-.176m-2.799 0a.6.6 0 1 1-.424.175a.6.6 0 0 1 .424-.176m1.4 3.812a2.17 2.17 0 0 1-1.252-.394a2.2 2.2 0 0 1-.792-1.007h4.086a2.2 2.2 0 0 1-.792 1.007a2.17 2.17 0 0 1-1.25.394"/><path fill="currentColor" d="M22.396 2.604A1.9 1.9 0 0 0 21 2H7a1.9 1.9 0 0 0-1.396.604A1.9 1.9 0 0 0 5 4v12a1.9 1.9 0 0 0 .604 1.396A1.9 1.9 0 0 0 7 18h14a2.067 2.067 0 0 0 2-2V4a1.9 1.9 0 0 0-.604-1.396M21 16H7V4h14Z"/></svg>

Daemon Set Outlined アイコンの使い方

React

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

<Icon icon="eos-icons:daemon-set-outlined" width="24" />

Vue

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

<template>
  <Icon icon="eos-icons:daemon-set-outlined" width="24" />
</template>

Svelte

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

<Icon icon="eos-icons:daemon-set-outlined" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[eos-icons--daemon-set-outlined]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/eos-icons -->
<div class="i-eos-icons:daemon-set-outlined"></div>

Web コンポーネント

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

<iconify-icon icon="eos-icons:daemon-set-outlined"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/eos-icons/daemon-set-outlined.svg" alt="Daemon Set Outlined アイコン" width="24" height="24">

EOS Icons の関連アイコン

Daemon Set Outlined アイコン のよくある質問

Daemon Set Outlined アイコンは商用利用でも無料ですか?

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

React で Daemon Set Outlined アイコンを使うには?

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

Daemon Set Outlined アイコンをウェブページに追加するには?

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

EOS Icons をすべて見る →