Rackpeek アイコン
selfhst:rackpeek
Rackpeek アイコン(selfhst:rackpeek)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#6abe30" d="M200.3 144.7h22.3V167h-22.3zm-89 0h22.3V167h-22.3zM155.8 256h22.3v22.3h-22.3z"/><path fill="#99e550" d="M155.8 144.7h22.3V167h-22.3zM111.3 256h22.3v22.3h-22.3zm89 0h22.3v22.3h-22.3z"/><path fill="#df7126" d="M267.1 144.7h22.3V167h-22.3zm0 111.3h22.3v22.3h-22.3z"/><path fill="#222034" d="M333.9 167v-44.6H89V167H66.8v22.3h289.6V167zm-200.3 0h-22.3v-22.3h22.3zm44.5 0h-22.3v-22.3h22.3zm44.5 0h-22.3v-22.3h22.3zm66.8 0h-22.3v-22.3h22.3zM66.8 256H89v44.5h245.1V256h22.3v-22.3H66.8zm222.6 0v22.3h-22.3V256zm-66.8 0v22.3h-22.3V256zm-44.5 0v22.3h-22.3V256zm-44.5 0v22.3h-22.3V256z"/><path fill="#5b6ee1" d="M155.8 77.9h111.3v22.3H155.8zm-89 111.3h289.4v22.3H66.8zm44.5 111.3h200.3v22.3H111.3z"/><path fill="#3f3f74" d="M111.3 100.2h200.3v22.3H111.3zM66.8 211.5h289.4v22.3H66.8zm89 111.3h111.3V345H155.8z"/><path fill="#fff" d="M267.1 77.9H155.8V55.7h111.3zm-111.3 0h-44.5v22.3h44.5zm155.9 22.3V77.9h-44.5v22.3zm-200.4 0H89v22.3h22.3zm222.6 22.2v-22.3h-22.3v22.3zm-244.9 0H66.8V167H89zM356.2 167v-44.5h-22.3V167zm-311.7 0v89h22.3v-89zm311.7 0v89h22.3v-89zM66.8 256v44.5H89V256zm267.1 44.5h22.3V256h-22.3zm-244.9 0v22.3h22.3v-22.3zm222.7 22.3H334v-22.3h-22.3zm-200.4 0V345h44.5v-22.3h-44.5zM267.1 345h44.5v-22.3h-44.5zm-111.3 22.3h111.3V345H155.8z"/><path fill="#cbdbfc" d="M267.1 55.7H155.8V33.4h111.3zm-111.3 0h-44.5V78h44.5zm155.9 22.2V55.7h-44.5V78h44.5zm22.2 22.3v22.3h22.3V77.9h-44.5v22.3zm-244.9 0h22.3V77.9H66.8v44.6H89zm-22.2 22.2H44.5V167h22.3zM378.4 167v-44.5h-22.3V167zm-356.1 0v89h22.3v-89zm356.1 0v89h22.3v-89zM44.5 256v44.5h22.3V256zm311.7 44.5h22.3V256h-22.3zm-22.3 22.3h22.3v-22.3h-22.3zm-244.9 0v-22.3H66.8V345h44.5v-22.3H89zM311.7 345H334v-22.3h-22.3zm-200.4 0v22.3h44.5V345zm155.8 22.3h44.5V345h-44.5zm-111.3 22.3h111.3v-22.3H155.8z"/><path fill="#8f563b" d="M445.2 389.6v-22.3H423V345h-22.3v-22.2h-22.3v-22.3h-22.2v22.3h-22.3V345h-22.2v22.3h22.2v22.3h22.3v22.2h22.2v22.3h22.3v22.2h66.8v-66.7z"/><path fill="#663931" d="M400.7 300.5v22.3h-22.3v-22.3zm0 22.3V345H423v-22.3h-22.3zM423 345v22.3h22.3V345zm-111.3 22.3v22.3H334v-22.3zm133.5 0v22.3h22.3v-22.3zm-111.3 22.3v22.3h22.3v-22.3zm133.6 0v66.8h22.3v-66.8zm-111.3 22.2v22.3h22.3v-22.3zm22.2 22.3v22.3h22.3v-22.3zm22.3 44.5h66.8v-22.3h-66.8z"/><path fill="#222034" d="M267.1 33.4H155.8V11.1h111.3zm-111.3 0h-44.5v22.3h44.5zm155.9 22.3V33.4h-44.5v22.3zm-200.4 0H66.8V78h44.5zm244.9 22.2V55.7h-44.5V78h44.5zm-289.4 0H44.5v44.5h22.3zm311.6 44.5V77.9h-22.3v44.5zm-333.9 0H22.3V167h22.3v-44.6zM400.7 167v-44.5h-22.3V167zM0 167v89h22.3v-89zm423 89v-89h-22.3v89zm-400.7 0v44.5h22.3V256zm356.1 44.5h22.3V256h-22.3zm-333.9 0V345h22.3v-44.5zM423 322.8v-22.3h-22.3v22.3zm22.2 22.2v-22.3H423V345zm-378.4 0v22.3h44.5V345zm400.7 22.3V345h-22.3v22.3zm-356.2 0v22.3h44.5v-22.3zm155.8 0v22.3h44.5v-22.3zm222.6 22.3v-22.3h-22.3v22.3zm-333.9 22.2h111.3v-22.3H155.8zm155.9-22.2v22.3H334v-22.3zm178 0v66.8H512v-66.8zm-155.8 22.2v22.3h22.3v-22.3zm22.3 22.3v22.3h22.3v-22.3zm22.2 22.2v22.3h22.3v-22.3zm89.1 22.3h22.3v-22.3h-22.3zm-66.8 22.3h66.8v-22.3h-66.8z"/></svg>Rackpeek アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:rackpeek" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:rackpeek" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:rackpeek" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--rackpeek]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:rackpeek"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:rackpeek"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/rackpeek.svg" alt="Rackpeek アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Rackpeek アイコン のよくある質問
Rackpeek アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Rackpeek アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:rackpeek" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rackpeek アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/rackpeek.svg" alt="Rackpeek アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。