Ejabberd アイコン
selfhst:ejabberd
Ejabberd アイコン(selfhst:ejabberd)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGcAecDa2E" x1="256" x2="256" y1="512" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#5ab2ee"/><stop offset="1" stop-color="#5fc6c6"/></linearGradient><path fill="url(#SVGcAecDa2E)" d="M23.3 252.5L22.5 512c2.9-4.1 7.2-9.7 13.4-15.6c3.8-3.6 20.4-19.1 47.5-26.6c7.8-2.2 13.1-2.7 49.7-3c35.4-.3 66.9-.1 79.6 0c16.9.1 31.1.1 41.4.1h5.1c127.5-1.7 230.3-105.5 230.3-233.4C489.5 104.5 384.9 0 256 0C134 0 22.5 94.8 23.4 212.9"/><path fill="#fefefe" d="M256.8 75.9c-85.2 0-154.3 69.1-154.3 154.3c0 79.2 59.6 144.4 136.4 153.3c.6 0 1.2.1 1.8.1c9.2.2 18.4 0 27.5-.6c7.1-.5 14.2-1.7 21.3-2.9c10.6-1.9 20.8-5.3 30.6-9.8c5.5-3.6 11-7.3 16.7-10.7c4.1-2.5 6.2-6.2 7.3-10.6c.7-2.6.9-5.3 1.4-7.9c.2-7.8-2.1-14.8-6.8-20.9c-9.4-12.3-24.5-15.7-37.5-10.3c-4.7 2-9.4 4.1-14.2 6.1c-15.6 6.3-31.6 7.5-47.9 3.8c-13.1-3-25.4-8.1-36.4-16.1c-11.5-7.6-20.3-17.8-28-29c-2.9-4.2-5.5-8.7-8.6-13.6h4.8c68.5 0 136.9 0 205.4.1c7.5 0 14.6-1 21.1-4.8c10.4-7.8 13.3-17.8 13.7-29.4v3.4c0-85.4-69.1-154.5-154.3-154.5m90.5 121.4H165.6c3.5-6.6 7.5-12.7 12-18.4c10.8-14.8 25.6-26.5 42.6-33.5c10.3-4.4 21.3-6.7 32.8-7.2h.7c1.1 0 2.1-.1 3.2-.1h2.3q10.2.15 19.5 2.4c.3.1.6.1.9.2c.2.1.5.1.7.2c23.1 5.7 43.1 19.6 56.8 38.6c6.1 7.4 10.7 14.8 10.9 17.7c-.3.1-.5.1-.7.1"/></svg>Ejabberd アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:ejabberd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:ejabberd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:ejabberd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--ejabberd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:ejabberd"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:ejabberd"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/ejabberd.svg" alt="Ejabberd アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Ejabberd アイコン のよくある質問
Ejabberd アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Ejabberd アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:ejabberd" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ejabberd アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/ejabberd.svg" alt="Ejabberd アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。