Ceph アイコン
simple-icons:ceph
Ceph アイコン(simple-icons:ceph)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.959.257A11.9 11.9 0 0 0 3.503 3.76A11.92 11.92 0 0 0 0 12.217a11.9 11.9 0 0 0 1.207 5.243c.72 1.474 1.888 2.944 3.208 4.044c.86-.47 1.35-.99 1.453-1.545c.1-.533-.134-1.107-.737-1.805a9.03 9.03 0 0 1-2.219-5.937c0-4.988 4.058-9.047 9.047-9.047h.08c4.99 0 9.048 4.059 9.048 9.047a9.03 9.03 0 0 1-2.218 5.936c-.599.693-.84 1.292-.735 1.83c.108.556.595 1.068 1.449 1.522c1.322-1.1 2.489-2.57 3.209-4.046A11.9 11.9 0 0 0 24 12.217a11.93 11.93 0 0 0-3.503-8.457A11.92 11.92 0 0 0 12.04.257h-.041zm-.005 4.837a7.07 7.07 0 0 0-3.76 1.075A7.2 7.2 0 0 0 6.15 8.093a7.2 7.2 0 0 0-1.161 2.65a7.2 7.2 0 0 0 .04 3.125a7.1 7.1 0 0 0 1.22 2.607c.154.207.326.396.509.597l.185.202l.005.006q.012.01.026.027c.635.738.957 1.533.957 2.36a3.4 3.4 0 0 1-1.788 2.989a12 12 0 0 0 2.685 1.087c.14-.088.614-.441 1.077-1.083a4.9 4.9 0 0 0 .94-2.99a6.6 6.6 0 0 0-.49-2.37a6.7 6.7 0 0 0-1.302-2.033l-.002-.004l-.124-.142c-.21-.245-.428-.497-.602-.792a4.1 4.1 0 0 1-.462-1.135a4.3 4.3 0 0 1-.024-1.85a4.25 4.25 0 0 1 .686-1.564a4.22 4.22 0 0 1 3.432-1.773h.085a4.2 4.2 0 0 1 3.432 1.773c.33.466.568 1.007.686 1.565a4.3 4.3 0 0 1-.023 1.849a4.1 4.1 0 0 1-.463 1.135c-.173.295-.391.547-.602.792l-.123.142l-.004.004a6.7 6.7 0 0 0-1.301 2.033a6.6 6.6 0 0 0-.49 2.37a4.9 4.9 0 0 0 .94 2.99c.463.642.937.995 1.076 1.083a11.8 11.8 0 0 0 2.687-1.087a3.4 3.4 0 0 1-1.789-2.988c0-.817.313-1.59.956-2.359l.027-.03l.006-.004l.184-.204c.183-.2.355-.39.51-.596a7.1 7.1 0 0 0 1.22-2.608a7.2 7.2 0 0 0 .04-3.124a7.2 7.2 0 0 0-1.16-2.65a7.2 7.2 0 0 0-2.044-1.924a7.07 7.07 0 0 0-3.762-1.075h-.09zM12 9.97a2.365 2.365 0 0 0-2.362 2.361A2.364 2.364 0 0 0 12 14.691a2.363 2.363 0 0 0 2.36-2.36A2.364 2.364 0 0 0 12 9.968z"/></svg>Ceph アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:ceph" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:ceph" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:ceph" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--ceph]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:ceph"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:ceph"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/ceph.svg" alt="Ceph アイコン" width="24" height="24">他のアイコンセットの Ceph アイコン
Ceph アイコン のよくある質問
Ceph アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ceph アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:ceph" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ceph アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/ceph.svg" alt="Ceph アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。