Discord Solid アイコン

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

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

teenyicons:discord-solid

Discord Solid アイコン(teenyicons:discord-solid)は、Teenyicons セットの無料 SVG アイコンです（作者: smhmd）。 15 × 15 のグリッドで描かれています。 Teenyicons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Teenyicons
作者: smhmd
ライセンス: MIT
サイズ: 15 × 15
タグ: discordsolid

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M4.42 7.727c0-.534.382-.89.774-.89c.399 0 .783.363.774.882v.008c0 .535-.383.89-.774.89c-.382 0-.774-.359-.774-.89m4.687 0c0-.282.086-.48.194-.599a.62.62 0 0 1 .485-.195c.391 0 .774.355.774.89c0 .534-.383.89-.774.89c-.16 0-.316-.078-.45-.255a1.23 1.23 0 0 1-.229-.73"/><path fill="currentColor" fill-rule="evenodd" d="M3.8 12.142c.277.108.583.217.918.317c-.59.612-1.504 1.47-1.504 1.47C.376 13.839 0 11.514 0 11.514C0 7.38 1.85 2.42 1.85 2.42c1.848-1.387 3.607-1.35 3.607-1.35l.163 1.096c-.852.227-1.726.601-2.663 1.113l.513.94c1.546-.843 2.805-1.236 4.032-1.237c1.226 0 2.483.391 4.025 1.237l.515-.94c-.983-.539-1.896-.925-2.788-1.147l.287-1.062s1.76-.038 3.609 1.349c0 0 1.849 4.959 1.849 9.094c0 0-.376 2.325-3.214 2.415c0 0-.854-.842-1.418-1.449q.444-.136.9-.326a8 8 0 0 0 1.574-.809l-.59-.895c-.492.325-.957.55-1.368.703l-.007.003l-.005.002l-.01.004a8 8 0 0 1-1.744.518l-.009.001a8.5 8.5 0 0 1-3.127-.012a10.3 10.3 0 0 1-1.793-.525c-.504-.197-.935-.406-1.352-.698l-.614.878a7.3 7.3 0 0 0 1.576.818m1.394-6.376c-1.073 0-1.846.93-1.846 1.961c0 1.036.79 1.962 1.846 1.962c1.071 0 1.843-.927 1.845-1.957c.015-1.046-.782-1.966-1.845-1.966m4.592.096c-.507 0-.959.193-1.28.547c-.315.35-.47.818-.47 1.318s.156.995.446 1.378c.293.388.744.68 1.304.68c1.073 0 1.845-.93 1.845-1.962s-.772-1.961-1.845-1.961" clip-rule="evenodd"/></svg>

Discord Solid アイコンの使い方

React

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

<Icon icon="teenyicons:discord-solid" width="24" />

Vue

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

<template>
  <Icon icon="teenyicons:discord-solid" width="24" />
</template>

Svelte

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

<Icon icon="teenyicons:discord-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[teenyicons--discord-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/teenyicons -->
<div class="i-teenyicons:discord-solid"></div>

Web コンポーネント

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

<iconify-icon icon="teenyicons:discord-solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/teenyicons/discord-solid.svg" alt="Discord Solid アイコン" width="24" height="24">

Teenyicons の関連アイコン

他のアイコンセットの Discord Solid アイコン

Discord Solid アイコンのよくある質問

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

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

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

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

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

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

Teenyicons をすべて見る →