Skypack アイコン
simple-icons:skypack
Skypack アイコン(simple-icons:skypack)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m19.82 11.27l-5.997-2.994l5.999-2.993c.28-.14.453-.42.453-.734a.82.82 0 0 0-.454-.735L12.366.087a.81.81 0 0 0-.733 0L4.178 3.814a.82.82 0 0 0-.453.735v7.454c0 .28.15.548.384.699l.07.034l5.998 2.994l-5.999 2.993a.82.82 0 0 0-.453.734c0 .314.174.594.453.735l7.455 3.727a.8.8 0 0 0 .361.081a.8.8 0 0 0 .361-.081l7.454-3.727c.28-.14.455-.42.455-.735v-7.454a.79.79 0 0 0-.443-.733zm-7.814-9.54l5.625 2.819l-5.625 2.818L6.38 4.55zm-6.64 4.135l4.811 2.41l-4.81 2.412zm1.014 6.138l5.626-2.819l5.625 2.82l-5.625 2.818zm4.81 5.044v4.81l-4.81-2.41zm7.455 1.91l-5.824 2.911v-5.625l5.824-2.912z"/></svg>Skypack アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:skypack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:skypack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:skypack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--skypack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:skypack"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:skypack"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/skypack.svg" alt="Skypack アイコン" width="24" height="24">他のアイコンセットの Skypack アイコン
Skypack アイコン のよくある質問
Skypack アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Skypack アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:skypack" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skypack アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/skypack.svg" alt="Skypack アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。