Voice icon
cil:voice
The Voice icon (cil:voice) is a free SVG icon from the CoreUI Free set by creativeLabs Łukasz Holeczek. It is drawn on a 512 × 512 grid. CoreUI Free 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
- CoreUI Free
- Author
- creativeLabs Łukasz Holeczek
- License
- CC-BY-4.0
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M410.7 286.969c.428-.853.848-1.712 1.252-2.564L456 191.915v-22.891l-3.063-4.209c-.579-.794-58.045-79.741-77.516-105.7c-21.563-28.752-42.328-41.573-67.329-41.573c-19.5 0-39.3 9.269-58.825 27.549A170 170 0 0 0 236 59.063a170 170 0 0 0-13.267-13.973c-19.528-18.28-39.32-27.549-58.825-27.549c-25 0-45.766 12.821-67.329 41.573c-19.471 25.96-76.937 104.907-77.516 105.7L16 169.024v22.891l44.037 92.477q.617 1.3 1.262 2.583a134.9 134.9 0 0 0 50.722 54.836a138.54 138.54 0 0 0 71.9 20.065h104.156a138.54 138.54 0 0 0 71.9-20.065a134.9 134.9 0 0 0 50.723-54.842m-226.777 42.907c-39.666 0-76.572-22.473-94.02-57.247a99 99 0 0 1-.968-1.982L48 184.685v-5.246c12.2-16.749 57.436-78.8 74.179-101.126c19.015-25.354 31.765-28.772 41.729-28.772c23.113 0 47.41 28.439 54.806 39.374L223.468 96h25.064l4.754-7.085c6.854-10.215 31.634-39.374 54.806-39.374c9.964 0 22.714 3.418 41.729 28.773C366.563 100.637 411.8 162.69 424 179.439v5.246l-40.941 85.976c-.314.66-.635 1.317-.959 1.962c-17.451 34.78-54.357 57.253-94.023 57.253Z"/><path fill="currentColor" d="m304.429 112.851l-10.073 11.394c-.233.265-24.313 26.43-58.356 26.43c-34.158 0-58.166-26.219-58.356-26.43l-10.073-11.394l-83.641 66.688l44.393 89.547l11.457-1.637a680.1 680.1 0 0 1 192.44 0l11.457 1.637l44.393-89.547Zm20.815 121.373a712 712 0 0 0-178.488 0l-22.686-45.763l40.842-32.561c13.575 11.028 38.644 26.778 71.088 26.778s57.513-15.75 71.088-26.778l40.842 32.564Zm17.526 149.198v32a110.96 110.96 0 0 0 107-82.1l-30.92-8.285a78.9 78.9 0 0 1-76.08 58.385"/><path fill="currentColor" d="M480.679 341.605c-16.325 60.868-71.962 105.817-137.909 105.817v32c80.729 0 148.837-55.024 168.82-129.534Z"/></svg>How to use the Voice icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:voice" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:voice" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:voice" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--voice]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:voice"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:voice"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cil/voice.svg" alt="Voice icon" width="24" height="24">Related icons in CoreUI Free
Voice icon in other icon sets
Voice icon FAQ
Is the Voice icon free for commercial use?
Yes. CoreUI Free 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 Voice icon in React?
Install @iconify/react and render <Icon icon="cil:voice" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Voice icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cil/voice.svg" alt="Voice icon">, or paste the SVG code inline to style it with CSS.