Registry Console アイコン
selfhst:registry-console
Registry Console アイコン(selfhst:registry-console)は、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
- タグ
- registryconsole
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#b8956f" d="M479.4 27.9H367.7c-11.9 0-22.2 6.5-27.9 16.1c-5.7-9.6-16-16.1-27.9-16.1H200.1c-11.9 0-22.2 6.5-27.9 16.1c-5.7-9.6-16-16.1-27.9-16.1H32.6C14.6 27.9 0 42.5 0 60.5V135c0 18 14.6 32.6 32.6 32.6h111.7c11.9 0 22.2-6.5 27.9-16.1c5.7 9.6 16 16.1 27.9 16.1h111.7c11.9 0 22.2-6.5 27.9-16.1c5.7 9.6 16 16.1 27.9 16.1h111.7c18 0 32.6-14.6 32.6-32.6V60.5c.1-18-14.5-32.6-32.5-32.6M148.9 135c0 2.6-2.1 4.7-4.7 4.7H32.6c-2.6 0-4.7-2.1-4.7-4.7V60.5c0-2.6 2.1-4.7 4.7-4.7h111.7c2.6 0 4.7 2.1 4.7 4.7V135zm167.6 0c0 2.6-2.1 4.7-4.7 4.7H200.1c-2.6 0-4.7-2.1-4.7-4.7V60.5c0-2.6 2.1-4.7 4.7-4.7h111.7c2.6 0 4.7 2.1 4.7 4.7zm167.6 0c0 2.6-2.1 4.7-4.7 4.7H367.7c-2.6 0-4.7-2.1-4.7-4.7V60.5c0-2.6 2.1-4.7 4.7-4.7h111.7c2.6 0 4.7 2.1 4.7 4.7zm-4.7 41.9H367.7c-11.9 0-22.2 6.5-27.9 16.1c-5.7-9.6-16-16.1-27.9-16.1H200.1c-11.9 0-22.2 6.5-27.9 16.1c-5.7-9.6-16-16.1-27.9-16.1H32.6c-18 0-32.6 14.6-32.6 32.6V284c0 18 14.6 32.6 32.6 32.6h111.7c11.9 0 22.2-6.5 27.9-16.1c5.7 9.6 16 16.1 27.9 16.1h17.1c-29.3 14.4-49.7 44.3-49.7 79.1c0 48.8 39.7 88.4 88.4 88.4s88.4-39.7 88.4-88.4c0-34.8-20.4-64.7-49.7-79.1h17.1c11.9 0 22.2-6.5 27.9-16.1c5.7 9.6 16 16.1 27.9 16.1h111.7c18 0 32.6-14.6 32.6-32.6v-74.5c.2-18-14.4-32.6-32.4-32.6m-330.5 107c0 2.6-2.1 4.7-4.7 4.7H32.6c-2.6 0-4.7-2.1-4.7-4.7v-74.5c0-2.6 2.1-4.7 4.7-4.7h111.7c2.6 0 4.7 2.1 4.7 4.7v74.5zm167.6 111.7c0 33.4-27.1 60.5-60.5 60.5s-60.5-27.1-60.5-60.5s27.1-60.5 60.5-60.5s60.5 27.2 60.5 60.5m0-111.7c0 2.6-2.1 4.7-4.7 4.7H200.1c-2.6 0-4.7-2.1-4.7-4.7v-74.5c0-2.6 2.1-4.7 4.7-4.7h111.7c2.6 0 4.7 2.1 4.7 4.7zm167.6 0c0 2.6-2.1 4.7-4.7 4.7H367.7c-2.6 0-4.7-2.1-4.7-4.7v-74.5c0-2.6 2.1-4.7 4.7-4.7h111.7c2.6 0 4.7 2.1 4.7 4.7zM256 367.7c15.4 0 27.9 12.5 27.9 27.9s-12.5 27.9-27.9 27.9s-27.9-12.5-27.9-27.9s12.5-27.9 27.9-27.9"/><path fill="#b8956f" d="M430.1 160.2L417 147L265.3 298.7V153.6h-18.6v145.1L95 147l-13.1 13.2l167.5 167.5l6.6-6.5l6.6 6.5z" opacity=".6"/><path fill="#b8956f" d="M88.4 82.9c8.2 0 14.9 6.7 14.9 14.9s-6.7 14.9-14.9 14.9s-14.9-6.7-14.9-15s6.7-14.8 14.9-14.8m167.6 0c8.2 0 14.9 6.7 14.9 14.9s-6.7 14.9-14.9 14.9s-14.9-6.7-14.9-14.9s6.7-14.9 14.9-14.9m167.6 0c8.2 0 14.9 6.7 14.9 14.9s-6.7 14.9-14.9 14.9s-14.9-6.7-14.9-14.9s6.6-14.9 14.9-14.9M88.4 231.8c8.2 0 14.9 6.7 14.9 14.9s-6.7 14.9-14.9 14.9s-14.9-6.7-14.9-14.9s6.7-14.9 14.9-14.9m167.6 0c8.2 0 14.9 6.7 14.9 14.9s-6.7 14.9-14.9 14.9s-14.9-6.7-14.9-14.9s6.7-14.9 14.9-14.9m167.6 0c8.2 0 14.9 6.7 14.9 14.9s-6.7 14.9-14.9 14.9s-14.9-6.7-14.9-14.9s6.6-14.9 14.9-14.9" opacity=".6"/></svg>Registry Console アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:registry-console" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:registry-console" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:registry-console" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--registry-console]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:registry-console"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:registry-console"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/registry-console.svg" alt="Registry Console アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Registry Console アイコン のよくある質問
Registry Console アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Registry Console アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:registry-console" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Registry Console アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/registry-console.svg" alt="Registry Console アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。