Payload Cms アイコン
bxl:payload-cms
Payload Cms アイコン(bxl:payload-cms)は、Boxicons Brands セットの無料 SVG アイコンです（作者: Boxicons）。 24 × 24 のグリッドで描かれています。 Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Boxicons Brands
- 作者
- Boxicons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- payloadcms
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m11.9 18.99l-5.89-3.4a.24.24 0 0 1-.12-.21v-5.25c0-.09.1-.15.18-.1l6.84 3.95c.09.06.22-.01.22-.12V11.3c0-.1-.06-.2-.14-.25L4.74 6.29a.26.26 0 0 0-.24 0l-1.08.62c-.07.04-.12.12-.12.21v9.76c0 .09.05.16.12.21l8.45 4.88c.07.04.17.04.24 0l7.1-4.1a.15.15 0 0 0 0-.25L17 16.34a.3.3 0 0 0-.29 0l-4.58 2.65c-.07.04-.17.04-.24 0Zm8.67-12.08l-8.45-4.88a.26.26 0 0 0-.24 0L7.41 4.61a.15.15 0 0 0 0 .25L9.6 6.13c.09.05.2.05.29 0l2-1.15c.07-.04.17-.04.24 0l5.89 3.4c.07.04.12.12.12.21v5.28c0 .1.06.2.14.25l2.19 1.27c.09.06.22-.01.22-.12V7.12c0-.08-.05-.16-.12-.21"/></svg>Payload Cms アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:payload-cms" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:payload-cms" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:payload-cms" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--payload-cms]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:payload-cms"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:payload-cms"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/payload-cms.svg" alt="Payload Cms アイコン" width="24" height="24">他のアイコンセットの Payload Cms アイコン
Payload Cms アイコン のよくある質問
Payload Cms アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Payload Cms アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:payload-cms" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Payload Cms アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/payload-cms.svg" alt="Payload Cms アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。