Adguard Home Central Manager アイコン

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

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

selfhst:adguard-home-central-manager

Adguard Home Central Manager アイコン(selfhst:adguard-home-central-manager)は、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、adguardhomecentralmanager

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVG36pMmdQt" x1="-77.82" x2="365.684" y1="572.629" y2="129.125" gradientTransform="matrix(1.1636 0 0 -1.1636 109.145 638.527)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#81e463"/><stop offset="1" stop-color="#21acb6"/></linearGradient><path fill="url(#SVG36pMmdQt)" d="M256 506.4s200.4-100.2 200.4-250.5V80.5L256 5.4L55.6 80.5v175.4C55.6 406.2 256 506.4 256 506.4"/><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"/><path fill="#fff" d="M230.9 331c-8 0-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 0s11.7 30.8 0 42.5L252.2 322.2c-5.6 5.7-13.3 8.8-21.3 8.8"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:adguard-home-central-manager"></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"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

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