Skylight アイコン
logos:skylight
Skylight アイコン(logos:skylight)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 289 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 289
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="289" viewBox="0 0 256 289"><path fill="#bac4c5" d="M239.348 64.287L128 0L16.652 64.287A33.3 33.3 0 0 0 0 93.129v109.345a33.3 33.3 0 0 0 16.652 28.842l89.177 51.487a44.34 44.34 0 0 0 44.342 0l89.177-51.487A33.3 33.3 0 0 0 256 202.474V93.129a33.3 33.3 0 0 0-16.652-28.842m-17.28 122.846c0 8.805-4.65 16.942-12.198 21.344l-63.805 37.216a35.25 35.25 0 0 1-35.518 0l-63.806-37.216c-7.548-4.402-12.198-12.539-12.198-21.344v-80.919c0-8.806 4.65-16.942 12.198-21.345l81.565-47.574l81.564 47.574c7.548 4.403 12.198 12.539 12.198 21.345z"/><path fill="#ed1a3b" d="m160.404 110.041l-.654.459l-30.125 31.969l-.402.593l.152.063l30.984.047l.045-.11l29.389-27.966z"/><path fill="#c2315d" d="m160.404 176.083l-.185.042l-30.875-32.688l-.121-.375h31.181l29.389 27.62z"/><path fill="#94407e" d="m129.223 143.062l31.181 33.021l-1.44 25.677l-29.741-29.363l-.077-.272l-.063-28.667z"/><path fill="#577f9f" d="m96.206 174.241l-.039-.304l32.666-30.645l.394-.232l-.004 29.337l-29.53 29.363z"/><path fill="#00aec5" d="m129.227 143.06l-33.021 31.181l-27.511-3.645l31.197-27.536l.171-.143l28.791-.021z"/><path fill="#93c483" d="m129.227 143.064l-.394-.647l-32.125-30.5l-.502-.034l-27.511 3.907l31.197 27.274z"/><path fill="#fcde11" d="m96.206 111.883l33.021 31.181l.148-.772v-28l-.152-.565l-29.568-29.346z"/><path fill="#f78e36" d="m129.223 143.062l31.181-33.021l-1.766-25.66l-29.415 29.346z"/></svg>Skylight アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:skylight" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:skylight" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:skylight" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--skylight]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:skylight"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:skylight"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/skylight.svg" alt="Skylight アイコン" width="24" height="24">他のアイコンセットの Skylight アイコン
Skylight アイコン のよくある質問
Skylight アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Skylight アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:skylight" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skylight アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/skylight.svg" alt="Skylight アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。