Discord Filled アイコン
ant-design:discord-filled
Discord Filled アイコン(ant-design:discord-filled)は、Ant Design Icons セットの無料 SVG アイコンです（作者: HeskeyBaozi）。 1024 × 1024 のグリッドで描かれています。 Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ant Design Icons
- 作者
- HeskeyBaozi
- ライセンス
- MIT
- サイズ
- 1024 × 1024
- タグ
- discordfilled
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M811.152 87c51.153 0 92.41 41.358 94.848 90.028V960l-97.395-82.68l-53.482-48.67l-58.356-50.852l24.376 80.207H210.41c-51.007 0-92.41-38.74-92.41-90.065V177.21c0-48.67 41.476-90.1 92.592-90.1h600.305zM588.164 294.109h-1.091l-7.346 7.269c75.382 21.806 111.855 55.86 111.855 55.86c-48.582-24.277-92.364-36.416-136.146-41.323c-31.636-4.906-63.272-2.326-90 0h-7.272c-17.091 0-53.455 7.27-102.182 26.713c-16.982 7.378-26.727 12.212-26.727 12.212s36.436-36.417 116.727-55.86l-4.91-4.907s-60.8-2.326-126.436 46.156c0 0-65.636 114.265-65.636 255.134c0 0 36.364 63.238 136.11 65.637c0 0 14.545-19.371 29.272-36.417c-56-17.008-77.818-51.026-77.818-51.026s4.872 2.398 12.181 7.269h2.182c1.091 0 1.6.545 2.182 1.09v.218c.582.581 1.091 1.09 2.182 1.09c12 4.943 24 9.813 33.818 14.538a297.6 297.6 0 0 0 65.455 19.48c33.818 4.906 72.581 7.269 116.727 0c21.818-4.906 43.636-9.704 65.454-19.444c14.182-7.269 31.637-14.537 50.8-26.785c0 0-21.818 34.018-80.181 51.026c12 16.937 28.909 36.344 28.909 36.344c99.782-2.18 138.545-65.419 140.727-62.73c0-140.65-66-255.133-66-255.133c-59.455-44.121-115.09-45.793-124.91-45.793l2.037-.727zM595 454c25.463 0 46 21.757 46 48.41c0 26.833-20.646 48.59-46 48.59s-46-21.757-46-48.373c.072-26.834 20.754-48.518 46-48.518zm-165.855 0C454.499 454 475 475.757 475 502.41c0 26.833-20.646 48.59-46 48.59s-46-21.757-46-48.373c0-26.834 20.646-48.518 46-48.518z"/></svg>Discord Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:discord-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:discord-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:discord-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--discord-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:discord-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:discord-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ant-design/discord-filled.svg" alt="Discord Filled アイコン" width="24" height="24">Ant Design Icons の関連アイコン
他のアイコンセットの Discord Filled アイコン
Discord Filled アイコン のよくある質問
Discord Filled アイコンは商用利用でも無料ですか?
はい。Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Discord Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="ant-design:discord-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Discord Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ant-design/discord-filled.svg" alt="Discord Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。