Server Dns アイコン
carbon:server-dns
Server Dns アイコン(carbon:server-dns)は、Carbon セットの無料 SVG アイコンです（作者: IBM）。 32 × 32 のグリッドで描かれています。 Carbon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 2a8 8 0 1 0 8 8a8.01 8.01 0 0 0-8-8m5.91 7h-2.438a15.3 15.3 0 0 0-.791-4.36A6.01 6.01 0 0 1 21.91 9m-5.888 6.999h-.008c-.38-.12-1.309-1.821-1.479-4.999h2.93c-.17 3.176-1.094 4.877-1.443 4.999M14.535 9c.17-3.176 1.094-4.877 1.443-4.999h.008c.38.12 1.309 1.821 1.479 4.999ZM13.32 4.64A15.3 15.3 0 0 0 12.528 9H10.09a6.01 6.01 0 0 1 3.23-4.36M10.09 11h2.437a15.3 15.3 0 0 0 .792 4.36A6.01 6.01 0 0 1 10.09 11m8.59 4.36a15.3 15.3 0 0 0 .792-4.36h2.438a6.01 6.01 0 0 1-3.23 4.36M28 30H4a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2M4 22v6h24v-6Z"/><circle cx="7" cy="25" r="1" fill="currentColor"/></svg>Server Dns アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:server-dns" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:server-dns" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:server-dns" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--server-dns]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:server-dns"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:server-dns"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/carbon/server-dns.svg" alt="Server Dns アイコン" width="24" height="24">Carbon の関連アイコン
Server Dns アイコン のよくある質問
Server Dns アイコンは商用利用でも無料ですか?
はい。Carbon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Server Dns アイコンを使うには?
@iconify/react をインストールして <Icon icon="carbon:server-dns" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Server Dns アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/carbon/server-dns.svg" alt="Server Dns アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。