ICONYZ
日本語
selfh.st/icons の Adguard Home Central Manager Light アイコン

Adguard Home Central Manager Light アイコン

selfhst:adguard-home-central-manager-light

Adguard Home Central Manager Light アイコン(selfhst:adguard-home-central-manager-light)は、selfh.st/icons セットの無料 SVG アイコンです(作者: selfh.st)。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
selfh.st/icons
作者
selfh.st
ライセンス
CC-BY-4.0
サイズ
512 × 512
タグ
adguardhome、homecentral、centralmanager、managerlight、adguardhomecentralmanagerlight
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVG2oBCYb7q" x1="18.591" x2="534.669" y1="-27.805" y2="488.273" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".6"/><stop offset="1" stop-color="#fff"/></linearGradient><path fill="url(#SVG2oBCYb7q)" d="M256 5.4L55.6 80.5v175.4C55.6 406.2 256 506.4 256 506.4s200.4-100.2 200.4-250.5V80.5zM352.4 222L252.2 322.2c-5.6 5.6-13.3 8.8-21.3 8.8s-15.6-3.2-21.3-8.8l-50.1-50.1c-11.7-11.7-11.7-30.8 0-42.5s30.8-11.7 42.5 0l28.8 28.8l79-79c11.7-11.7 30.8-11.7 42.5 0c11.9 11.8 11.9 30.9.1 42.6"/><path fill="#fff" d="m256 512l-2.2-1.1c-.5-.3-51.3-25.8-101.3-69.6c-29.5-25.8-53-52.8-69.9-80.2c-21.3-34.6-32.1-70-32.1-105.2V77L256 0l205.4 77v178.8c0 35.2-10.8 70.6-32.1 105.2c-16.9 27.4-40.4 54.4-69.9 80.2c-50 43.8-100.8 69.4-101.3 69.6zM60.6 84v171.9c0 75.7 53.5 138.4 98.3 177.7c43.1 37.8 86.8 61.8 97.1 67.2c10.2-5.4 53.9-29.4 97.1-67.2c44.9-39.3 98.3-102 98.3-177.7V84L256 10.7z" opacity=".2"/></svg>

Adguard Home Central Manager Light アイコンの使い方

React

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

<Icon icon="selfhst:adguard-home-central-manager-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:adguard-home-central-manager-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:adguard-home-central-manager-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--adguard-home-central-manager-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:adguard-home-central-manager-light"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:adguard-home-central-manager-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/adguard-home-central-manager-light.svg" alt="Adguard Home Central Manager Light アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

Adguard Home Central Manager Light アイコン のよくある質問

Adguard Home Central Manager Light アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Adguard Home Central Manager Light アイコンを使うには?

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

Adguard Home Central Manager Light アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/adguard-home-central-manager-light.svg" alt="Adguard Home Central Manager Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

selfh.st/icons をすべて見る →