Discorddotjs アイコン
simple-icons:discorddotjs
Discorddotjs アイコン(simple-icons:discorddotjs)は、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
- タグ
- discorddotj
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.427 5.015c-1.586 0-2.907.607-3.702 1.561h.002h-.002a3.45 3.45 0 0 0-.806 2.401c.06 1.485.92 2.423 1.92 3.017a6 6 0 0 0 .796.397l1.833.804c.986.41 1.735.717 1.999 1.39c.066.17.102.363.102.588c0 1.05-.844 1.73-2.348 1.73c-1.257 0-2.555-.617-3.523-1.524l-1.11 1.31l-.27.318a6.93 6.93 0 0 0 4.841 1.978c2.441 0 4.092-1.179 4.64-2.78A3.8 3.8 0 0 0 24 14.988q-.001-.49-.091-.906c-.23-1.07-.879-1.789-1.783-2.321h-.001a7 7 0 0 0-.844-.42l-1.813-.763c-.895-.364-1.737-.69-2.032-1.35a1.3 1.3 0 0 1-.11-.545c0-.99.824-1.587 2.101-1.587c1.153 0 2.08.433 2.925 1.154l.897-1.106l.34-.419a5.96 5.96 0 0 0-4.162-1.71M0 5.015v10.313h3.904c1.024 0 1.808-.162 2.535-.53a2.147 2.147 0 0 1 2.247-2.225c.372-.755.522-1.505.522-2.49c0-1.016-.191-1.9-.575-2.666a4.3 4.3 0 0 0-1.738-1.769c-.766-.427-1.694-.633-2.8-.633Zm10.726 0v9.707c0 1.187-.96 2.15-2.144 2.15a2.14 2.14 0 0 1-1.816-1.007l-.215.093a8 8 0 0 1-.625.24a7 7 0 0 1-1.113.241c.42 1.344 2.06 2.662 3.974 2.538c1.804 0 3.053-.89 3.717-2.18c.372-.72.562-1.567.562-2.454V5.015Zm-8.251 2.21h1.488c.87 0 1.533.25 1.975.766s.662 1.223.662 2.136c0 .928-.236 1.65-.692 2.18c-.457.546-1.135.811-2.034.811H2.475Zm6.113 6.142a1.355 1.355 0 1 0 0 2.71a1.355 1.355 0 0 0 0-2.71"/></svg>Discorddotjs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:discorddotjs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:discorddotjs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:discorddotjs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--discorddotjs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:discorddotjs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:discorddotjs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/discorddotjs.svg" alt="Discorddotjs アイコン" width="24" height="24">他のアイコンセットの Discorddotjs アイコン
Discorddotjs アイコン のよくある質問
Discorddotjs アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Discorddotjs アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:discorddotjs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Discorddotjs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/discorddotjs.svg" alt="Discorddotjs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。