Payloadcms Wordmark アイコン
devicon:payloadcms-wordmark
Payloadcms Wordmark アイコン(devicon:payloadcms-wordmark)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path d="M12.066 49.605a.33.33 0 0 0-.164.043L5.7 53.228a.2.2 0 0 0 0 .346l3.045 1.76a.39.39 0 0 0 .397 0l2.78-1.602c.1-.06.232-.06.331 0l8.182 4.72c.1.06.166.165.166.284v7.328c0 .14.072.271.197.344l3.045 1.754c.133.08.299-.02.299-.172V56.71a.33.33 0 0 0-.166-.282l-.006-.008l-11.737-6.772a.33.33 0 0 0-.166-.043m20.579 4.036v19.638h3.576v-7.234h4.566c4.627 0 7.32-2.093 7.32-6.19s-2.7-6.214-7.347-6.214zm42.455 0v19.638h3.521V53.641zm42.992 0v7.963c-.662-1.403-2.259-2.616-4.43-2.616c-3.66 0-6.16 2.973-6.16 7.315s2.5 7.314 6.16 7.314c2.112 0 3.792-1.152 4.483-2.55v2.212h3.468V53.641zm7.722.04c-1.204 0-2.189.913-2.189 2.19c0 1.278.985 2.2 2.19 2.2c1.204 0 2.185-.916 2.185-2.2c0-1.27-.98-2.19-2.186-2.19m0 .286c1.046 0 1.881.792 1.881 1.904c0 1.12-.835 1.914-1.88 1.914c-1.046 0-1.88-.802-1.88-1.914s.833-1.904 1.88-1.904m-.92.707v2.324l.008.006h.543v-.807h.422l.479.807h.588l-.524-.893a.71.71 0 0 0 .445-.675c0-.504-.331-.762-.894-.762zm.543.437h.446c.297 0 .422.1.422.325s-.118.33-.422.33h-.445zm-123.61.405a.33.33 0 0 0-.165.045l-1.498.867A.33.33 0 0 0 0 56.71v13.55c0 .119.065.226.164.285L11.9 77.322c.1.06.233.06.332 0l9.856-5.691a.2.2 0 0 0 0-.346l-3.07-1.773a.39.39 0 0 0-.399 0l-6.36 3.674c-.1.06-.232.06-.331 0h-.006L3.74 68.465a.33.33 0 0 1-.166-.283v-7.295c0-.126.14-.206.244-.147l9.5 5.48a.197.197 0 0 0 .297-.17v-3.556a.4.4 0 0 0-.197-.344L1.992 55.56a.33.33 0 0 0-.166-.044m34.394 1.011h4.234c2.694 0 4.045 1.098 4.045 3.328c0 2.232-1.35 3.33-4.045 3.33H36.22zm17.996 2.448c-3.435 0-5.772 1.76-6.076 4.76h3.38c.113-1.292.992-2.145 2.588-2.145s2.643.821 2.643 2.53v.66l-4.184.47c-2.839.331-5.037 1.482-5.037 4.29c0 2.527 1.985 4.044 4.705 4.044c2.224 0 3.987-.907 4.649-2.502l.006.008a12.4 12.4 0 0 0 .191 2.195h3.383c-.225-1.125-.28-2.203-.28-3.494v-5.395c0-3.634-2.168-5.421-5.968-5.421m46.506 0c-3.442 0-5.778 1.76-6.082 4.76h3.38c.113-1.292.994-2.145 2.59-2.145s2.64.821 2.64 2.53v.66l-4.183.47c-2.839.331-5.037 1.482-5.037 4.29c0 2.527 1.985 4.044 4.705 4.044c2.224 0 3.987-.907 4.649-2.502l.011.008a12.4 12.4 0 0 0 .194 2.195h3.383c-.225-1.125-.28-2.203-.28-3.494v-5.395c0-3.634-2.17-5.421-5.97-5.421m-14.153.007c-4.124 0-7.068 2.78-7.068 7.315c0 4.534 2.944 7.314 7.068 7.314s7.07-2.806 7.07-7.314s-2.946-7.315-7.07-7.315m-26.74.325v.005l5.447 13.948c-.748 1.926-1.349 2.422-2.779 2.422c-.298 0-.523 0-.934-.086v2.666c.497.087 1.152.14 1.622.14c2.939-.027 4.56-1.378 5.884-4.873l5.448-14.222h-3.495l-3.687 10.537h-.053l-3.879-10.537zm54.832 2.25c2.232 0 3.522 1.768 3.522 4.488v.49c0 2.727-1.239 4.486-3.522 4.486s-3.607-1.872-3.607-4.732s1.377-4.732 3.607-4.732m-28.092.027c2.258 0 3.55 1.76 3.55 4.705s-1.293 4.707-3.55 4.707c-2.284 0-3.547-1.788-3.547-4.707s1.29-4.705 3.547-4.705m-29.826 5.422v.851l-.006-.005c0 2.204-1.735 3.277-3.549 3.277c-1.403 0-2.17-.69-2.17-1.787c0-1.457 1.133-1.789 2.616-1.98zm46.5 0v.851l-.006-.005c0 2.204-1.734 3.277-3.547 3.277c-1.404 0-2.171-.69-2.171-1.787c0-1.457 1.132-1.789 2.615-1.98z"/></svg>Payloadcms Wordmark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:payloadcms-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:payloadcms-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:payloadcms-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--payloadcms-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:payloadcms-wordmark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:payloadcms-wordmark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/payloadcms-wordmark.svg" alt="Payloadcms Wordmark アイコン" width="24" height="24">Devicon の関連アイコン
Payloadcms Wordmark アイコン のよくある質問
Payloadcms Wordmark アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Payloadcms Wordmark アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:payloadcms-wordmark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Payloadcms Wordmark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/payloadcms-wordmark.svg" alt="Payloadcms Wordmark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。