User Chat 2 icon
streamline-cyber-color:user-chat-2
The User Chat 2 icon (streamline-cyber-color:user-chat-2) is a free SVG icon from the Cyber color icons set by Streamline. It is drawn on a 24 × 24 grid. Cyber 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
- Cyber color icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- UsersPeople
- Tags
- userchat
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#fff" d="M12.5 7.674L18 10.5l5.5-2.826V3.326L18 .5l-5.5 2.826zM11.5 15l-4 1.5l-4-1.5V9.5l4-1.5l4 1.5zm3 8.5V19l-7-1.5l-7 1.5v4.5m17.498-11l-1.5 1.501L18 15.5l1.499-1.501z"/><path fill="#bbd8ff" d="M12.5 6.174v1.5L18 10.5l5.5-2.826v-1.5L18 9zm-1 5.326H7l-3.5-2l4-1.5l4 1.5z"/><path stroke="#092f63" stroke-linecap="round" stroke-linejoin="round" d="M12.5 7.674L18 10.5l5.5-2.826V3.326L18 .5l-5.5 2.826zm5.498 4.826l-1.5 1.501L18 15.5l1.499-1.501zM15 16l-.5.5l.5.5m0-1l.5.5l-.5.5m-3.5-2l-4 1.5l-4-1.5V9.5l4-1.5l4 1.5zm3 8.5V19l-7-1.5l-7 1.5v4.5m7-4v4"/><path stroke="#092f63" stroke-linecap="round" stroke-linejoin="round" d="M11.5 11.5H7l-3.5-2l4-1.5l4 1.5z"/><path stroke="#bbd8ff" stroke-linecap="round" stroke-linejoin="round" d="M10 22.5h2"/><path stroke="#092f63" stroke-linecap="round" stroke-linejoin="round" d="m21 5l-.5.5l.5.5m0-1l.5.5l-.5.5m-3-1l-.5.5l.5.5m0-1l.5.5l-.5.5m-3-1l-.5.5l.5.5m0-1l.5.5l-.5.5"/></g></svg>How to use the User Chat 2 icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-cyber-color:user-chat-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-cyber-color:user-chat-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-cyber-color:user-chat-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-cyber-color--user-chat-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-cyber-color -->
<div class="i-streamline-cyber-color:user-chat-2"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-cyber-color:user-chat-2"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-cyber-color/user-chat-2.svg" alt="User Chat 2 icon" width="24" height="24">Related icons in Cyber color icons
User Chat 2 icon in other icon sets
User Chat 2 icon FAQ
Is the User Chat 2 icon free for commercial use?
Yes. Cyber 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 User Chat 2 icon in React?
Install @iconify/react and render <Icon icon="streamline-cyber-color:user-chat-2" />, or use “Copy code” on this page to get a standalone React component.
How do I add the User Chat 2 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-cyber-color/user-chat-2.svg" alt="User Chat 2 icon">, or paste the SVG code inline to style it with CSS.