Discord Remix アイコン
streamline:discord-remix
Discord Remix アイコン(streamline:discord-remix)は、Streamline セットの無料 SVG アイコンです。 14 × 14 のグリッドで描かれています。 Streamline icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- コンピューター・デバイス
- タグ
- discordremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M9.198 1.66a.625.625 0 0 0-.656.508l-.1.53H5.558l-.1-.53a.625.625 0 0 0-.656-.508c-.958.065-1.59.166-1.994.256a4 4 0 0 0-.45.123a2 2 0 0 0-.164.063l-.015.007l-.006.003l-.003.002h-.002l.279.56l-.28-.559a.6.6 0 0 0-.24.213c-.514.77-.99 2.035-1.338 3.39c-.352 1.369-.59 2.902-.59 4.243c0 .123.037.244.105.346c.397.597 1.604 1.692 3.585 2.088c.23.046.465-.04.61-.222l1.364-1.704a7.7 7.7 0 0 0 2.673 0L9.7 12.173a.63.63 0 0 0 .61.222c1.981-.396 3.188-1.491 3.586-2.088A.63.63 0 0 0 14 9.962c0-1.34-.237-2.874-.588-4.243c-.348-1.355-.824-2.62-1.338-3.39a.6.6 0 0 0-.24-.213l-.28.56l.279-.56l-.002-.001l-.003-.002l-.007-.003l-.015-.007a1 1 0 0 0-.163-.063a4 4 0 0 0-.45-.123c-.405-.09-1.037-.191-1.995-.256m-7.4 4.369c.306-1.193.694-2.215 1.061-2.837q.084-.024.222-.056a10 10 0 0 1 1.252-.184l.09.486c.056.295.314.51.615.51h3.924c.3 0 .558-.215.614-.51l.09-.486c.596.057.997.127 1.253.184q.139.031.222.056c.366.622.754 1.644 1.06 2.837c.313 1.222.524 2.56.547 3.723c-.306.354-1.073 1-2.318 1.333l-.788-.985c.405-.167.752-.372.988-.608a.625.625 0 1 0-.884-.884c-.155.155-.602.398-1.303.563a6.4 6.4 0 0 1-2.886 0c-.702-.165-1.148-.408-1.303-.563a.625.625 0 1 0-.884.884c.236.236.583.441.988.608l-.788.985c-1.246-.332-2.012-.979-2.319-1.333c.023-1.163.234-2.501.548-3.723m2.859-.71a1.115 1.115 0 1 0 0 2.231a1.115 1.115 0 0 0 0-2.23m4.414 0a1.115 1.115 0 1 0 0 2.231a1.115 1.115 0 0 0 0-2.23" clip-rule="evenodd"/></svg>Discord Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline:discord-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline:discord-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline:discord-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline--discord-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline -->
<div class="i-streamline:discord-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline:discord-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline/discord-remix.svg" alt="Discord Remix アイコン" width="24" height="24">Streamline の関連アイコン
Discord Remix アイコン のよくある質問
Discord Remix アイコンは商用利用でも無料ですか?
はい。Streamline icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Discord Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline:discord-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Discord Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline/discord-remix.svg" alt="Discord Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。