Discord Logo 2 Solid アイコン
streamline-logos:discord-logo-2-solid
Discord Logo 2 Solid アイコン(streamline-logos:discord-logo-2-solid)は、Logos free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Logos free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- メッセージ・ビデオ会議
- タグ
- discordlogo、logosolid、discordlogosolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M9 3.5c-1.826 0-3.207.308-4.72 1.051a.5.5 0 0 0-.209.192C3.032 6.475 1 11.296 1 17a.5.5 0 0 0 .14.348c.952.981 1.817 1.703 2.745 2.213c.933.512 1.905.797 3.055.935a.5.5 0 0 0 .489-.239l.51-.852c-.743-.26-1.502-.605-1.97-1.073a.75.75 0 1 1 1.061-1.06c.255.255.854.545 1.7.816c.699.183 1.916.412 3.27.412s2.571-.229 3.27-.412c.846-.271 1.445-.562 1.7-.816a.75.75 0 1 1 1.06 1.06c-.467.468-1.226.813-1.97 1.073l.511.852a.5.5 0 0 0 .489.24c1.15-.139 2.122-.424 3.055-.936c.928-.51 1.793-1.232 2.744-2.213A.5.5 0 0 0 23 17c0-5.704-2.032-10.525-3.071-12.257a.5.5 0 0 0-.209-.192C18.207 3.808 16.826 3.5 15 3.5a.5.5 0 0 0-.474.342L14.19 4.85A7.2 7.2 0 0 0 12 4.5a7.2 7.2 0 0 0-2.19.35l-.336-1.008A.5.5 0 0 0 9 3.5m1 9.25c0 .966-.672 1.75-1.5 1.75S7 13.716 7 12.75S7.672 11 8.5 11s1.5.784 1.5 1.75m5.5 1.75c.828 0 1.5-.784 1.5-1.75S16.328 11 15.5 11s-1.5.784-1.5 1.75s.672 1.75 1.5 1.75" clip-rule="evenodd"/></svg>Discord Logo 2 Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:discord-logo-2-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:discord-logo-2-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:discord-logo-2-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--discord-logo-2-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:discord-logo-2-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-logos:discord-logo-2-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/discord-logo-2-solid.svg" alt="Discord Logo 2 Solid アイコン" width="24" height="24">Logos free icons の関連アイコン
Discord Logo 2 Solid アイコン のよくある質問
Discord Logo 2 Solid アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Discord Logo 2 Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:discord-logo-2-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Discord Logo 2 Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/discord-logo-2-solid.svg" alt="Discord Logo 2 Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。