Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Listenhub icon
A free listenhub icon from Simple Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.
- License
- CC0 1.0 Universal license
- Project
- simpleicons.org
npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-icons/listenhub.jsonimport * as React from "react";
/**
* Listenhub from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
* Via Cuelark UI: ui.cuelark.com/icons/simple-icons/listenhub. Sized in em, colored by currentColor.
*/
export function SiListenhubIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
role="img"
viewBox="0 0 24 24"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M4.6 17.066c-.228.36-.714 1.006-1.53 1.006-.936 0-1.525-.674-1.844-1.181-.343-.545-.582-1.22-.751-1.82a17 17 0 0 1-.469-2.412v-.019l1.004-.105-1.005.105a1.004 1.004 0 0 1 .898-1.1 1.01 1.01 0 0 1 1.111.889l.001.008.021.164a16 16 0 0 0 .387 1.933c.149.534.328.993.518 1.299l.023.034q.198-.364.436-1.058c.377-1.11.735-2.613 1.102-4.18l.061-.26c.341-1.454.689-2.944 1.055-4.088.192-.6.408-1.168.658-1.602a2.6 2.6 0 0 1 .498-.64 1.48 1.48 0 0 1 .99-.399c.496 0 .849.272 1.044.475.202.21.359.466.481.708.249.488.472 1.136.676 1.842.413 1.423.811 3.302 1.196 5.131l.046.22c.374 1.775.734 3.489 1.09 4.778q.13.467.251.825c.276-.651.564-1.504.866-2.41l.043-.127c.302-.904.618-1.854.931-2.585.162-.379.345-.755.555-1.053.105-.147.244-.317.425-.456.18-.14.466-.3.837-.3.783 0 1.296.54 1.565.893.297.391.535.874.72 1.277l.098.22c.12-.19.256-.395.399-.57.101-.127.239-.278.408-.404.162-.12.447-.288.825-.288.532 0 .904.294 1.093.473.183.173.341.382.448.525a5 5 0 0 0 .337-.473l.011-.017.009-.013.002-.006a1.016 1.016 0 0 1 1.386-.349c.48.283.637.898.352 1.372l-.869-.51.869.51-.002.003-.003.005-.008.016a7 7 0 0 1-.14.215 7 7 0 0 1-.371.504 4 4 0 0 1-.565.579c-.187.151-.567.42-1.064.42-.54 0-.912-.313-1.086-.483a4 4 0 0 1-.346-.4l-.104.167-.04.064a9 9 0 0 1-.47.717 2.4 2.4 0 0 1-.37.397 1.32 1.32 0 0 1-.84.32c-.317 0-.555-.13-.694-.233a1.5 1.5 0 0 1-.302-.301 3 3 0 0 1-.309-.524c-.09-.185-.201-.44-.308-.684a26 26 0 0 0-.19-.428 8 8 0 0 0-.306-.61l-.091.206c-.28.654-.574 1.534-.889 2.477l-.027.083c-.316.946-.654 1.954-.995 2.725-.169.381-.362.76-.587 1.061-.172.232-.594.736-1.274.736-.523 0-.872-.308-1.047-.503a3 3 0 0 1-.446-.703c-.23-.483-.44-1.127-.635-1.83-.375-1.351-.746-3.121-1.113-4.867l-.053-.253c-.39-1.85-.772-3.65-1.16-4.987a15 15 0 0 0-.286-.89q-.093.246-.192.559c-.34 1.065-.673 2.483-1.022 3.973l-.052.224c-.361 1.54-.742 3.145-1.156 4.365-.206.604-.44 1.177-.717 1.617zm11.429-4.419.008.005zm6.027.53-.012-.01zm-9.988 5.324s.007-.01.022-.022zm-9.305-2.334.015-.015zm.382-.086.007.004z"
/>
</svg>
);
}import { SiListenhub } from "react-icons/si";
export function Example() {
return <SiListenhub className="size-5" />;
}<svg
role="img"
viewBox="0 0 24 24"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4.6 17.066c-.228.36-.714 1.006-1.53 1.006-.936 0-1.525-.674-1.844-1.181-.343-.545-.582-1.22-.751-1.82a17 17 0 0 1-.469-2.412v-.019l1.004-.105-1.005.105a1.004 1.004 0 0 1 .898-1.1 1.01 1.01 0 0 1 1.111.889l.001.008.021.164a16 16 0 0 0 .387 1.933c.149.534.328.993.518 1.299l.023.034q.198-.364.436-1.058c.377-1.11.735-2.613 1.102-4.18l.061-.26c.341-1.454.689-2.944 1.055-4.088.192-.6.408-1.168.658-1.602a2.6 2.6 0 0 1 .498-.64 1.48 1.48 0 0 1 .99-.399c.496 0 .849.272 1.044.475.202.21.359.466.481.708.249.488.472 1.136.676 1.842.413 1.423.811 3.302 1.196 5.131l.046.22c.374 1.775.734 3.489 1.09 4.778q.13.467.251.825c.276-.651.564-1.504.866-2.41l.043-.127c.302-.904.618-1.854.931-2.585.162-.379.345-.755.555-1.053.105-.147.244-.317.425-.456.18-.14.466-.3.837-.3.783 0 1.296.54 1.565.893.297.391.535.874.72 1.277l.098.22c.12-.19.256-.395.399-.57.101-.127.239-.278.408-.404.162-.12.447-.288.825-.288.532 0 .904.294 1.093.473.183.173.341.382.448.525a5 5 0 0 0 .337-.473l.011-.017.009-.013.002-.006a1.016 1.016 0 0 1 1.386-.349c.48.283.637.898.352 1.372l-.869-.51.869.51-.002.003-.003.005-.008.016a7 7 0 0 1-.14.215 7 7 0 0 1-.371.504 4 4 0 0 1-.565.579c-.187.151-.567.42-1.064.42-.54 0-.912-.313-1.086-.483a4 4 0 0 1-.346-.4l-.104.167-.04.064a9 9 0 0 1-.47.717 2.4 2.4 0 0 1-.37.397 1.32 1.32 0 0 1-.84.32c-.317 0-.555-.13-.694-.233a1.5 1.5 0 0 1-.302-.301 3 3 0 0 1-.309-.524c-.09-.185-.201-.44-.308-.684a26 26 0 0 0-.19-.428 8 8 0 0 0-.306-.61l-.091.206c-.28.654-.574 1.534-.889 2.477l-.027.083c-.316.946-.654 1.954-.995 2.725-.169.381-.362.76-.587 1.061-.172.232-.594.736-1.274.736-.523 0-.872-.308-1.047-.503a3 3 0 0 1-.446-.703c-.23-.483-.44-1.127-.635-1.83-.375-1.351-.746-3.121-1.113-4.867l-.053-.253c-.39-1.85-.772-3.65-1.16-4.987a15 15 0 0 0-.286-.89q-.093.246-.192.559c-.34 1.065-.673 2.483-1.022 3.973l-.052.224c-.361 1.54-.742 3.145-1.156 4.365-.206.604-.44 1.177-.717 1.617zm11.429-4.419.008.005zm6.027.53-.012-.01zm-9.988 5.324s.007-.01.022-.022zm-9.305-2.334.015-.015zm.382-.086.007.004z"
/>
</svg>"Listenhub" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.