ICONYZ
English
Help Chat 1 icon from Plump color icons

Help Chat 1 icon

streamline-plump-color:help-chat-1

The Help Chat 1 icon (streamline-plump-color:help-chat-1) is a free SVG icon from the Plump color icons set by Streamline. It is drawn on a 48 × 48 grid. Plump color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Plump color icons
Author
Streamline
License
CC-BY-4.0
Size
48 × 48
Category
InterfaceEssential
Tags
helpchat
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M8.239 36.941c-2.545-.17-4.54-2.055-4.77-4.595C3.23 29.68 3 25.69 3 20.192s.23-9.49.47-12.154c.228-2.54 2.224-4.426 4.769-4.595C11.468 3.228 16.628 3 24.012 3s12.545.228 15.774.443c2.544.17 4.54 2.055 4.769 4.595c.24 2.665.47 6.656.47 12.154s-.23 9.49-.47 12.154c-.229 2.54-2.225 4.426-4.77 4.595c-2.829.189-7.143.387-13.137.433l-7.908 7.04c-1.29 1.147-3.33.232-3.33-1.495v-5.65a190 190 0 0 1-7.171-.328"/><path fill="#fff" d="M27.068 29a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/><path fill="#fff" d="M26.137 8.5c-3.973 0-7.338 2.36-8 5c-.594 2.374.792 4.424 3.098 4.378c.622-.012 1.199-.29 1.734-.606c.825-.49 2.133-1.247 3.168-1.772c-2.034 1.125-5.669 2.797-5.669 5.267l-.003 2.229a2.5 2.5 0 0 0 2.5 2.504h1.104c.858 0 1.615-.433 2.065-1.092c.52-.76.944-1.674 1.747-2.125c3.032-1.703 5.257-3.412 5.257-6.783c0-3.5-2.112-7-7-7Z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M8.239 36.941c-2.545-.17-4.54-2.055-4.77-4.595C3.23 29.68 3 25.69 3 20.192s.23-9.49.47-12.154c.228-2.54 2.224-4.426 4.769-4.595C11.468 3.228 16.628 3 24.012 3s12.545.228 15.774.443c2.544.17 4.54 2.055 4.769 4.595c.24 2.665.47 6.656.47 12.154s-.23 9.49-.47 12.154c-.229 2.54-2.225 4.426-4.77 4.595c-2.829.189-7.143.387-13.137.433l-7.908 7.04c-1.29 1.147-3.33.232-3.33-1.495v-5.65a190 190 0 0 1-7.171-.328"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M20.068 29a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0-7 0"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M26.137 8.5c-3.973 0-7.338 2.36-8 5c-.594 2.374.792 4.424 3.098 4.378c.622-.012 1.199-.29 1.734-.606c.825-.49 2.133-1.247 3.168-1.772c-2.034 1.125-5.669 2.797-5.669 5.267l-.003 2.229a2.5 2.5 0 0 0 2.5 2.504h1.104c.858 0 1.615-.433 2.065-1.092c.52-.76.944-1.674 1.747-2.125c3.032-1.703 5.257-3.412 5.257-6.783c0-3.5-2.112-7-7-7Z"/></g></svg>

How to use the Help Chat 1 icon

React

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

<Icon icon="streamline-plump-color:help-chat-1" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:help-chat-1" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:help-chat-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--help-chat-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:help-chat-1"></div>

Web component

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

<iconify-icon icon="streamline-plump-color:help-chat-1"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/help-chat-1.svg" alt="Help Chat 1 icon" width="24" height="24">

Related icons in Plump color icons

Help Chat 1 icon in other icon sets

Help Chat 1 icon FAQ

Is the Help Chat 1 icon free for commercial use?

Yes. Plump color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Help Chat 1 icon in React?

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

How do I add the Help Chat 1 icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/help-chat-1.svg" alt="Help Chat 1 icon">, or paste the SVG code inline to style it with CSS.

Browse all Plump color icons →