Zend アイコン
devicon:zend
Zend アイコン(devicon:zend)は、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 fill="#68b604" d="M53.31 81.33c-8.483.03-16.966.146-25.449.146h-1.22c11.721-16.458 23.28-32.038 34.92-47.992c-.395-.026-.584-.114-.776-.114c-18.362-.002-36.722-.03-55.084-.044c-.645 0-.866.15-.861.83c.032 3.795.016 7.582.016 11.377c0 1.082.001 1.08 1.097 1.08H33.83c.365 0 .733.05 1.293.09L0 94.623l.6.034c17.637 0 35.273-.004 52.91.017c.72 0 .817-.29.813-.89c-.018-3.85-.03-7.638.01-11.489c.007-.8-.213-.968-1.023-.965m73.685-47.19c-16.634.002-33.27-.02-49.905.033a22.7 22.7 0 0 0-5.524.703c-6.42 1.65-11.557 8.617-11.305 15.28c.026.732.453.461.894.461h25.538c4.299 0 8.596.186 12.895.16c4.685-.028 9.38.161 14.052-.117c4.837-.287 8.7-2.528 11.368-6.662c1.792-2.78 2.586-5.866 2.979-9.107c.107-.887-.46-.75-.992-.75zm-25.379 21.74c-8.424-.003-16.849-.009-25.273.003c-2.714.003-5.328.532-7.719 1.84c-5.558 3.048-7.695 8.149-8.351 14.117c-.085.788.39.766.93.765c4.436-.007 8.87-.004 13.307-.004c1.506 0 3.013.021 4.519-.004c3.315-.056 6.649.07 9.936-.254c4.276-.424 7.752-2.507 10.224-6.087c1.943-2.814 2.915-5.978 3.253-9.363c.099-.993.138-1.013-.826-1.013M84.737 77.523c-2.564.016-5.13-.025-7.694.021a26 26 0 0 0-3.567.308c-9.213 1.436-12.652 9.146-13.202 15.724c-.05.589.161.784.75.772c1.532-.032 3.066-.011 4.6-.011l.005.084c2.084-.092 4.19-.037 6.252-.303c7.746-.997 13.66-7.986 13.601-15.904c-.007-.59-.236-.694-.745-.691"/></svg>Zend アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:zend" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:zend" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:zend" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--zend]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:zend"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:zend"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/zend.svg" alt="Zend アイコン" width="24" height="24">Devicon の関連アイコン
他のアイコンセットの Zend アイコン
Zend アイコン のよくある質問
Zend アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Zend アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:zend" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zend アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/zend.svg" alt="Zend アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。