Ceph アイコン
devicon:ceph
Ceph アイコン(devicon:ceph)は、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="#f0424d" d="M64 1.488A63.707 63.707 0 0 0 0 65.191a63.4 63.4 0 0 0 6.848 27.98a67.8 67.8 0 0 0 16.965 21.434c4.464-2.382 7.44-5.656 7.742-8.335c.297-2.676-.895-5.657-4.168-9.524A48.224 48.224 0 0 1 64 16.97h.297a48.225 48.225 0 0 1 36.316 79.777c-3.273 3.867-4.465 6.848-3.867 9.824c.594 2.977 3.274 5.653 7.442 8.035h.296a67.6 67.6 0 0 0 16.97-21.433a62.7 62.7 0 0 0 4.76-13.395A64.4 64.4 0 0 0 128 65.191c0-35.183-28.52-63.703-63.703-63.703Zm0 25.602a39 39 0 0 0-5.059.594a38.1 38.1 0 0 0-14.886 5.359a38.7 38.7 0 0 0-11.012 10.418c-9.461 13.453-9.219 31.457.594 44.652l2.68 2.977l.894 1.191a19.05 19.05 0 0 1 5.059 12.5a17.86 17.86 0 0 1-9.528 15.778a63.3 63.3 0 0 0 10.719 4.761l3.57 1.192a23.7 23.7 0 0 0 5.657-5.657a26.2 26.2 0 0 0 5.359-16.074a35.1 35.1 0 0 0-2.977-12.5a35.4 35.4 0 0 0-6.847-10.719l-.594-.894a29 29 0 0 1-3.277-4.164a21.6 21.6 0 0 1-2.38-5.953a22.32 22.32 0 0 1 3.571-18.457a22.3 22.3 0 0 1 6.55-5.953A22 22 0 0 1 64 43.164h.297a22 22 0 0 1 3.273 0a22.3 22.3 0 0 1 15.477 9.516a22.3 22.3 0 0 1 3.277 17.87a20.8 20.8 0 0 1-2.976 5.954a30 30 0 0 1-2.977 4.164l-.594.598A35.7 35.7 0 0 0 72.93 92.28a35.2 35.2 0 0 0-2.68 12.5a25.9 25.9 0 0 0 4.762 15.778a23.8 23.8 0 0 0 5.957 5.953l3.57-1.192a63.4 63.4 0 0 0 10.719-4.465a17.86 17.86 0 0 1-9.23-16.074a19.36 19.36 0 0 1 5.062-12.8l.89-1.188l2.68-2.977c9.906-13.164 10.149-31.23.598-44.652a38.7 38.7 0 0 0-10.719-10.121a38.1 38.1 0 0 0-14.586-5.36a39 39 0 0 0-5.36-.593Zm.578 26.207a12.52 12.52 0 0 0-11.226 5.902a12.5 12.5 0 0 0-.293 12.676A12.5 12.5 0 0 0 64 78.289c6.902 0 12.5-5.598 12.5-12.504c0-6.68-5.25-12.176-11.922-12.488m0 0"/></svg>Ceph アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:ceph" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:ceph" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:ceph" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--ceph]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:ceph"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:ceph"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/ceph.svg" alt="Ceph アイコン" width="24" height="24">Devicon の関連アイコン
他のアイコンセットの Ceph アイコン
Ceph アイコン のよくある質問
Ceph アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ceph アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:ceph" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ceph アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/ceph.svg" alt="Ceph アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。