Cloudflare Pages アイコン
thesvg:cloudflare-pages
Cloudflare Pages アイコン(thesvg:cloudflare-pages)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- cloudflarepages、page
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.715 14.32H5.442l-.64-1.203L13.673 0l1.397.579l-1.752 9.112h5.24l.648 1.192L10.719 24l-1.412-.54ZM4.091 5.448a.579.579 0 1 1 0-1.157a.579.579 0 0 1 0 1.157m1.543 0a.579.579 0 1 1 0-1.157a.579.579 0 0 1 0 1.157m1.544 0a.579.579 0 1 1 0-1.157a.579.579 0 0 1 0 1.157m8.657-2.7h5.424l.772.771v16.975l-.772.772h-7.392l.374-.579h6.779l.432-.432V3.758l-.432-.432h-4.676l-.552 2.85h-.59l.529-2.877l.108-.552ZM2.74 21.265l-.772-.772V3.518l.772-.771h7.677l-.386.579H2.98l-.432.432v16.496l.432.432h5.586l-.092.579zm1.157-1.93h3.28l-.116.58h-3.55l-.192-.193v-3.473l.578 1.158zm13.117 0l.579.58H14.7l.385-.58z"/></svg>Cloudflare Pages アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:cloudflare-pages" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:cloudflare-pages" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:cloudflare-pages" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--cloudflare-pages]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:cloudflare-pages"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:cloudflare-pages"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/cloudflare-pages.svg" alt="Cloudflare Pages アイコン" width="24" height="24">theSVG の関連アイコン
他のアイコンセットの Cloudflare Pages アイコン
Cloudflare Pages アイコン のよくある質問
Cloudflare Pages アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cloudflare Pages アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:cloudflare-pages" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cloudflare Pages アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/cloudflare-pages.svg" alt="Cloudflare Pages アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。