Diaspora アイコン

Q: Diaspora アイコンは商用利用でも無料ですか?

はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

simple-icons:diaspora

Diaspora アイコン(simple-icons:diaspora)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m15.257 21.928l-2.33-3.255c-.622-.87-1.128-1.549-1.155-1.55c-.027 0-1.007 1.317-2.317 3.115c-1.248 1.713-2.28 3.115-2.292 3.115c-.035 0-4.5-3.145-4.51-3.178c-.006-.016 1.003-1.497 2.242-3.292s2.252-3.29 2.252-3.325c0-.056-.401-.197-3.55-1.247a1605 1605 0 0 1-3.593-1.2c-.033-.013.153-.635.79-2.648c.46-1.446.845-2.642.857-2.656s1.71.528 3.772 1.207c2.062.678 3.766 1.233 3.787 1.233s.045-.032.053-.07s.026-1.794.04-3.902c.013-2.107.036-3.848.05-3.87c.02-.03.599-.038 2.725-.038c1.485 0 2.716.01 2.735.023c.023.016.064 1.175.132 3.776c.112 4.273.115 4.33.183 4.33c.026 0 1.66-.547 3.631-1.216s3.593-1.204 3.605-1.191c.04.045 1.656 5.307 1.636 5.327c-.011.01-1.656.574-3.655 1.252c-2.75.932-3.638 1.244-3.645 1.284c-.006.029.94 1.442 2.143 3.202c1.184 1.733 2.148 3.164 2.143 3.18c-.012.036-4.442 3.299-4.48 3.299c-.015 0-.577-.767-1.249-1.705"/></svg>

Diaspora アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="simple-icons:diaspora" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="simple-icons:diaspora" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="simple-icons:diaspora" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--diaspora]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:diaspora"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="simple-icons:diaspora"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/simple-icons/diaspora.svg" alt="Diaspora アイコン" width="24" height="24">

他のアイコンセットの Diaspora アイコン

Diaspora アイコンのよくある質問

Diaspora アイコンは商用利用でも無料ですか?

はい。Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Diaspora アイコンを使うには?

@iconify/react をインストールして <Icon icon="simple-icons:diaspora" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Diaspora アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/diaspora.svg" alt="Diaspora アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Simple Icons をすべて見る →