Converse アイコン
flat-ui:converse
Converse アイコン(flat-ui:converse)は、Flat UI Icons セットの無料 SVG アイコンです（作者: Designmodo, Inc.）。 100 × 52 のグリッドで描かれています。 Flat UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flat UI Icons
- 作者
- Designmodo, Inc.
- ライセンス
- MIT
- サイズ
- 100 × 52
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="52" viewBox="0 0 100 52"><path fill="#E45136" d="M71.585 28.924C56.13 27.965 43.789 15.51 43.038 0H3v44h68.585z"/><path fill="#D4D8DB" d="M2 44h96a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2"/><path fill="#BDC3C7" d="M4 52h4v-6H4zm8 0h4v-6h-4zm8 0h4v-6h-4zm8 0h4v-6h-4zm8 0h4v-6h-4zm8 0h4v-6h-4zm8 0h4v-6h-4zm8 0h4v-6h-4zm8 0h4v-6h-4zm8 0h4v-6h-4zm8 0h4v-6h-4zm8-6v6h4v-6z"/><path fill="#EBEDEE" d="M21 10c5.523 0 10 4.479 10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10s4.477-10 10-10"/><path fill="#F39C12" d="m21 14l1.978 3.457l4.022.745l-2.8 2.881l.508 3.917L21 23.324L17.292 25l.508-3.917l-2.799-2.881l4.021-.745z"/><path fill="#EBEDEE" d="m44.233 11.096l1.037-1.037a30 30 0 0 1-1.389-4.269l-2.477 2.478a2 2 0 1 0 2.829 2.828m3.171 14c.781.78 2.047.78 2.829 0l3.433-3.434a30.5 30.5 0 0 1-2.859-2.798l-3.402 3.401a2 2 0 0 0-.001 2.831m15.258 1.914l-1.258 1.258a2 2 0 1 0 2.828 2.83l2.793-2.795a30 30 0 0 1-4.363-1.293m-19.258-7.914c.781.78 2.047.78 2.829 0l2.627-2.627A30.5 30.5 0 0 1 46.671 13l-3.267 3.268a2 2 0 0 0 0 2.828m10 10c.779.78 2.047.78 2.828 0l3.42-3.42a31 31 0 0 1-3.535-2.121l-2.713 2.713a2 2 0 0 0 0 2.828"/><path fill="#2C3E51" d="M43.038 0H3v4h40.504a31 31 0 0 1-.466-4"/><path fill="#EBEDEE" d="M96.787 38.704a12.2 12.2 0 0 0-9.821-9.753H71.585V44h25.204v-5.296z"/><path fill="#2C3E51" d="M98 44H2a2 2 0 0 0-2 2h100a2 2 0 0 0-2-2"/></svg>Converse アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:converse" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:converse" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:converse" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--converse]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:converse"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:converse"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flat-ui/converse.svg" alt="Converse アイコン" width="24" height="24">他のアイコンセットの Converse アイコン
Converse アイコン のよくある質問
Converse アイコンは商用利用でも無料ですか?
はい。Flat UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Converse アイコンを使うには?
@iconify/react をインストールして <Icon icon="flat-ui:converse" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Converse アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flat-ui/converse.svg" alt="Converse アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。