Atlas Network Light アイコン
selfhst:atlas-network-light
Atlas Network Light アイコン(selfhst:atlas-network-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
- タグ
- atlasnetwork、networklight、atlasnetworklight、atla
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle cx="256" cy="256" r="247.2" fill="#fff" opacity=".65"/><path fill="#fff" d="M269.1 511.7h.2c63.4-3.2 122.5-29.4 167.7-74.6s71.4-104.3 74.6-167.7v-.2c.1-1.9.2-3.8.2-5.7v-.9c.1-2.2.1-4.4.1-6.5s0-4.4-.1-6.5v-.9c-.1-1.9-.1-3.8-.2-5.7v-.2C508.4 179.3 482.2 120.2 437 75S332.7 3.6 269.3.3h-.2c-1.9-.1-3.8-.2-5.7-.2h-.9c-2.1-.1-4.3-.1-6.5-.1s-4.4 0-6.5.1h-.9c-1.9.1-3.8.1-5.7.2h-.2C179.3 3.6 120.2 29.8 75 75S3.6 179.3.3 242.6v.2c-.1 1.9-.2 3.8-.2 5.7v.9c-.1 2.2-.1 4.4-.1 6.6c0 68.4 26.6 132.7 75 181c48.4 48.4 112.6 75 181 75c2.2 0 4.4 0 6.5-.1h.9c2-.1 3.8-.1 5.7-.2M17.7 256c0-5.8.2-11.5.6-17.2c.1-1 .1-1.9.2-2.9c.2-2.4.4-4.8.7-7.2c.6-5 1.3-10 2.2-14.9c17.2-96.1 92.2-172.3 187.5-191.5c15.2-3.1 31-4.7 47.1-4.7c15.8 0 31.3 1.6 46.3 4.5c109.3 21.7 192 118.3 192 233.9c0 131.4-106.9 238.3-238.3 238.3S17.7 387.4 17.7 256m203 0c0-19.5 15.8-35.3 35.3-35.3s35.3 15.8 35.3 35.3s-15.8 35.3-35.3 35.3s-35.3-15.8-35.3-35.3M256 459c-110.1 0-203-93-203-203h17.7c0 100.5 84.9 185.4 185.4 185.4S441.5 356.5 441.5 256H459c0 110.1-92.9 203-203 203"/></svg>Atlas Network Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:atlas-network-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:atlas-network-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:atlas-network-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--atlas-network-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:atlas-network-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:atlas-network-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/atlas-network-light.svg" alt="Atlas Network Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Atlas Network Light アイコン のよくある質問
Atlas Network Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Atlas Network Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:atlas-network-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Atlas Network Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/atlas-network-light.svg" alt="Atlas Network Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。