Converse icon

thesvg-color:converse

The Converse icon (thesvg-color:converse) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 480 × 523 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 480 × 523

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="480" height="523" viewBox="0 0 480 523"><path d="M425.028 19.064c-.266-.805-.228-2.223-.32-3.348c-.022-.389.012-.783-.146-1.223s-.432-.925-.717-1.242s-.581-.466-.897-.503c.599-.206 1.122-.616 1.501-1.224c.379-.607.611-1.412.6-2.275c-.013-.864-.271-1.786-.731-2.468c-.99-1.456-2.737-1.704-4.265-1.63h-6.438v14.848h2.498V13.9h3.732c.409.002 1.088-.055 1.769.475c.899 1.064.502 2.462.659 3.651c.014.708.083 1.378.379 1.973h2.803c.109-.581-.286-.484-.427-.935m-3.284-7.765c-.31.219-.722.349-1.095.424c-1.368.131-3.038.042-4.558.062v-4.52h3.587c.944.014 2.037-.025 2.671 1.23c.324.981.337 2.037-.605 2.804"/><path d="M430.266 6.263a12.6 12.6 0 0 0-4.586-4.584A12.6 12.6 0 0 0 419.416 0a12.6 12.6 0 0 0-6.265 1.678a12.6 12.6 0 0 0-4.587 4.584a12.6 12.6 0 0 0-1.679 6.263c0 2.186.586 4.371 1.679 6.263a12.6 12.6 0 0 0 4.587 4.585a12.6 12.6 0 0 0 6.265 1.678c2.186 0 4.371-.585 6.265-1.678s3.493-2.692 4.586-4.585s1.679-4.078 1.679-6.263a12.6 12.6 0 0 0-1.68-6.262m-1.503 11.711a10.7 10.7 0 0 1-3.898 3.89a10.73 10.73 0 0 1-5.324 1.424c-1.858 0-3.716-.497-5.325-1.424a10.7 10.7 0 0 1-3.898-3.89c-.929-1.606-1.427-3.46-1.427-5.315s.498-3.708 1.427-5.314a10.7 10.7 0 0 1 3.898-3.89a10.73 10.73 0 0 1 5.325-1.424c1.857 0 3.715.497 5.324 1.424a10.7 10.7 0 0 1 3.898 3.89c.929 1.606 1.427 3.46 1.427 5.314s-.498 3.709-1.427 5.315"/><path fill="#243389" d="M108.137 420.307c-8.794 0-17.592-1.755-25.718-5.115s-15.582-8.347-21.802-14.567a67.3 67.3 0 0 1-14.568-21.801a67.5 67.5 0 0 1-5.116-25.716V75.756a67.5 67.5 0 0 1 5.116-25.717c3.361-8.126 8.347-15.581 14.568-21.801s13.676-11.207 21.802-14.567a67.6 67.6 0 0 1 25.718-5.115H362.29a67.6 67.6 0 0 1 25.718 5.115c8.127 3.36 15.582 8.347 21.803 14.567s11.207 13.675 14.567 21.801a67.6 67.6 0 0 1 5.116 25.717v277.352c0 8.793-1.756 17.59-5.116 25.716s-8.347 15.581-14.567 21.801a67.3 67.3 0 0 1-21.803 14.567a67.6 67.6 0 0 1-25.718 5.115z"/><path fill="#fff" d="m167.399 251.086l-45.21 153.949L241.934 307.9l128.299 97.135l-53.152-153.949l101.417-84.916H288.366L241.934 26.883L194.28 166.17H55.596z"/><path d="M52.541 471.624H21.994c-.53.087-.988-.088-1.693 1.131a1.9 1.9 0 0 0-.139.701v27.491c-.068.593.558 1.53 1.131 1.693c.222.092.461.14.701.14h30.547v20.159H18.328a18.315 18.315 0 0 1-16.93-11.305A18.4 18.4 0 0 1 0 504.612V469.18c0-2.403.481-4.807 1.398-7.022s2.276-4.244 3.97-5.938a18.33 18.33 0 0 1 12.96-5.368h34.213zm24.438 51.315a18.325 18.325 0 0 1-16.929-11.305a18.4 18.4 0 0 1-1.399-7.022V469.18c0-2.403.482-4.807 1.399-7.022s2.276-4.244 3.969-5.938a18.34 18.34 0 0 1 12.96-5.368H97.14a18.325 18.325 0 0 1 18.328 18.328v35.432c0 2.403-.481 4.807-1.398 7.022s-2.276 4.244-3.97 5.938a18.33 18.33 0 0 1-12.96 5.367zm18.328-49.483c.068-.592-.558-1.529-1.131-1.692a1.8 1.8 0 0 0-.701-.14h-12.83c-.592-.068-1.53.558-1.693 1.131c-.091.222-.14.462-.14.701v26.88c-.068.593.558 1.53 1.132 1.693c.222.092.461.14.701.14h12.83c.592.068 1.53-.558 1.693-1.131a1.8 1.8 0 0 0 .14-.702v-26.88zm63.539 49.484v-49.483c.068-.593-.558-1.53-1.131-1.693a1.8 1.8 0 0 0-.702-.14h-12.219c-.53.087-.988-.088-1.693 1.131c-.092.222-.14.462-.14.701v49.483H122.8v-71.476h36.656c2.403 0 4.806.481 7.022 1.398a18.3 18.3 0 0 1 5.938 3.97c1.693 1.693 3.052 3.722 3.969 5.938s1.398 4.619 1.398 7.021v53.149zm61.094-.001h-20.161l-21.994-71.476h20.161l13.136 42.688l13.135-42.688h20.16l-21.994 71.476zm77.59-45.817v18.938h-30.547c-.53.087-.988-.087-1.693 1.132c-.092.222-.14.462-.14.701v2.443c-.068.593.558 1.53 1.132 1.693c.222.092.461.14.701.14h30.547v20.771h-34.213c-2.402 0-4.807-.481-7.022-1.398s-4.244-2.275-5.938-3.969s-3.053-3.722-3.97-5.938a18.5 18.5 0 0 1-1.398-7.022V469.18c0-2.402.482-4.806 1.398-7.021a18.325 18.325 0 0 1 16.93-11.306h34.213v20.771h-30.547c-.53.087-.988-.088-1.693 1.131c-.248 1.047-.248 2.093 0 3.235c.441.915 1.063 1.102 1.693 1.132zm45.21 45.818h20.772l-12.219-28.103c2.642-2.024 5.282-4.05 6.708-6.697s1.845-5.91 1.845-9.186v-9.164c0-2.397-.479-4.797-1.395-7.014a18.34 18.34 0 0 0-9.919-9.918a18.4 18.4 0 0 0-7.015-1.396h-36.656v71.476h20.161V489.95h2.443zm-17.717-45.818v-4.276h12.219c1.215 0 2.688-.111 3.452.682c.765.792.765 2.121 0 2.913s-2.237.682-3.452.682h-12.219m95.308-26.271v20.771h-31.158c-.53.087-.989-.088-1.693 1.131c-.245.842-.249 1.688 0 2.625c.44.915 1.063 1.101 1.693 1.131h18.326c1.579 0 3.159.185 4.604.519s2.755.822 3.866 1.396s2.023 1.231 2.765 1.968c.741.737 1.311 1.553 1.8 2.594s.899 2.306 1.188 4.015s.44 3.861.44 6.006v9.162c0 2.74-.089 5.488-.327 7.542c-.238 2.055-.581 3.414-.985 4.541s-.868 2.022-1.47 2.838s-1.34 1.552-2.243 2.244a16 16 0 0 1-3.173 1.881c-2.487 1.125-5.441 1.728-8.298 1.725h-39.711V502.17h34.213c.53-.087.988.088 1.693-1.131c.248-1.047.248-2.093 0-3.235c-.44-.915-1.063-1.102-1.693-1.132h-15.274c-2.753 0-5.516-.157-7.635-.478s-3.595-.775-4.783-1.305c-1.188-.528-2.09-1.132-2.844-1.874c-.754-.741-1.36-1.622-1.893-2.777s-.988-2.587-1.31-4.616c-.321-2.03-.475-4.659-.475-7.278v-12.219c-.002-2.434.535-5.048 1.681-7.565c.545-1.194 1.21-2.311 1.912-3.261s1.44-1.735 2.165-2.328a8.1 8.1 0 0 1 2.288-1.328c.853-.332 1.845-.595 3.487-.717s3.934-.103 5.277-.092s1.737.02 2.133.02h35.434m59.26 26.268v18.938h-30.547c-.53.087-.988-.087-1.693 1.132c-.092.222-.14.462-.14.701v2.443c-.068.593.559 1.53 1.132 1.693c.222.092.462.14.701.14h30.547v20.771h-34.213c-2.402 0-4.806-.481-7.022-1.398s-4.244-2.275-5.938-3.969a18.33 18.33 0 0 1-5.368-12.96V469.18a18.325 18.325 0 0 1 11.306-16.928a18.4 18.4 0 0 1 7.022-1.399h34.213v20.771h-30.547c-.53.087-.988-.088-1.693 1.131c-.248 1.047-.248 2.093 0 3.235c.441.915 1.063 1.102 1.693 1.132z"/></svg>

How to use the Converse icon

React

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

<Icon icon="thesvg-color:converse" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:converse" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:converse" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--converse]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:converse"></div>

Web component

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

<iconify-icon icon="thesvg-color:converse"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/converse.svg" alt="Converse icon" width="24" height="24">

Converse icon in other icon sets

Converse icon FAQ

Is the Converse icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Converse icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:converse" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Converse icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/converse.svg" alt="Converse icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →