smart speaker2 icon

smart-speaker2-duotone from Reicon by REICON · Duotone · Devices · MIT Free for personal and commercial use.

Name
smart-speaker2-duotone
Set
Reicon
Style
Duotone
Category
Devices
Viewbox
24×24
License
MIT

2 other variants in Reicon

More devices icons from Reicon

Use the smart speaker2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18.047 3.435q.032.125.038.255c.057 1.416-2.273 3.185-5.437 4.065c-3.357.933-6.382.513-6.757-.938a1.2 1.2 0 0 1-.03-.462c.162-1.377 2.418-3.02 5.43-3.858c3.356-.934 6.382-.514 6.756.938" opacity=".5"/><path d="M12.648 7.755c-3.357.933-6.382.513-6.757-.939a1.2 1.2 0 0 1-.036-.383l-.609 6.876c.56.561 2.244 1.69 6.754 1.69c4.628 0 6.28-1.19 6.795-1.733l-.71-9.577c.057 1.417-2.273 3.186-5.437 4.066"/><path d="M7.03 21.413C8.006 22 9.342 22 12.016 22c2.643 0 3.964 0 4.935-.578a4.3 4.3 0 0 0 1.665-1.834c.5-1.04.422-2.409.267-5.148l-.088-1.174C18.28 13.81 16.628 15 12 15c-4.51 0-6.195-1.13-6.754-1.691l-.092 1.042c-.19 2.768-.285 4.152.21 5.204a4.3 4.3 0 0 0 1.666 1.858" opacity=".5"/></g></svg>

React

import type { SVGProps } from "react";

export function ReiconSmartSpeaker2Duotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18.047 3.435q.032.125.038.255c.057 1.416-2.273 3.185-5.437 4.065c-3.357.933-6.382.513-6.757-.938a1.2 1.2 0 0 1-.03-.462c.162-1.377 2.418-3.02 5.43-3.858c3.356-.934 6.382-.514 6.756.938" opacity=".5"/><path d="M12.648 7.755c-3.357.933-6.382.513-6.757-.939a1.2 1.2 0 0 1-.036-.383l-.609 6.876c.56.561 2.244 1.69 6.754 1.69c4.628 0 6.28-1.19 6.795-1.733l-.71-9.577c.057 1.417-2.273 3.186-5.437 4.066"/><path d="M7.03 21.413C8.006 22 9.342 22 12.016 22c2.643 0 3.964 0 4.935-.578a4.3 4.3 0 0 0 1.665-1.834c.5-1.04.422-2.409.267-5.148l-.088-1.174C18.28 13.81 16.628 15 12 15c-4.51 0-6.195-1.13-6.754-1.691l-.092 1.042c-.19 2.768-.285 4.152.21 5.204a4.3 4.3 0 0 0 1.666 1.858" opacity=".5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18.047 3.435q.032.125.038.255c.057 1.416-2.273 3.185-5.437 4.065c-3.357.933-6.382.513-6.757-.938a1.2 1.2 0 0 1-.03-.462c.162-1.377 2.418-3.02 5.43-3.858c3.356-.934 6.382-.514 6.756.938" opacity=".5"/><path d="M12.648 7.755c-3.357.933-6.382.513-6.757-.939a1.2 1.2 0 0 1-.036-.383l-.609 6.876c.56.561 2.244 1.69 6.754 1.69c4.628 0 6.28-1.19 6.795-1.733l-.71-9.577c.057 1.417-2.273 3.186-5.437 4.066"/><path d="M7.03 21.413C8.006 22 9.342 22 12.016 22c2.643 0 3.964 0 4.935-.578a4.3 4.3 0 0 0 1.665-1.834c.5-1.04.422-2.409.267-5.148l-.088-1.174C18.28 13.81 16.628 15 12 15c-4.51 0-6.195-1.13-6.754-1.691l-.092 1.042c-.19 2.768-.285 4.152.21 5.204a4.3 4.3 0 0 0 1.666 1.858" opacity=".5"/></g></svg>
</template>

CSS

.icon-smart-speaker2-duotone {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M18.047%203.435q.032.125.038.255c.057%201.416-2.273%203.185-5.437%204.065c-3.357.933-6.382.513-6.757-.938a1.2%201.2%200%200%201-.03-.462c.162-1.377%202.418-3.02%205.43-3.858c3.356-.934%206.382-.514%206.756.938%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12.648%207.755c-3.357.933-6.382.513-6.757-.939a1.2%201.2%200%200%201-.036-.383l-.609%206.876c.56.561%202.244%201.69%206.754%201.69c4.628%200%206.28-1.19%206.795-1.733l-.71-9.577c.057%201.417-2.273%203.186-5.437%204.066%22%2F%3E%3Cpath%20d%3D%22M7.03%2021.413C8.006%2022%209.342%2022%2012.016%2022c2.643%200%203.964%200%204.935-.578a4.3%204.3%200%200%200%201.665-1.834c.5-1.04.422-2.409.267-5.148l-.088-1.174C18.28%2013.81%2016.628%2015%2012%2015c-4.51%200-6.195-1.13-6.754-1.691l-.092%201.042c-.19%202.768-.285%204.152.21%205.204a4.3%204.3%200%200%200%201.666%201.858%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M18.047%203.435q.032.125.038.255c.057%201.416-2.273%203.185-5.437%204.065c-3.357.933-6.382.513-6.757-.938a1.2%201.2%200%200%201-.03-.462c.162-1.377%202.418-3.02%205.43-3.858c3.356-.934%206.382-.514%206.756.938%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12.648%207.755c-3.357.933-6.382.513-6.757-.939a1.2%201.2%200%200%201-.036-.383l-.609%206.876c.56.561%202.244%201.69%206.754%201.69c4.628%200%206.28-1.19%206.795-1.733l-.71-9.577c.057%201.417-2.273%203.186-5.437%204.066%22%2F%3E%3Cpath%20d%3D%22M7.03%2021.413C8.006%2022%209.342%2022%2012.016%2022c2.643%200%203.964%200%204.935-.578a4.3%204.3%200%200%200%201.665-1.834c.5-1.04.422-2.409.267-5.148l-.088-1.174C18.28%2013.81%2016.628%2015%2012%2015c-4.51%200-6.195-1.13-6.754-1.691l-.092%201.042c-.19%202.768-.285%204.152.21%205.204a4.3%204.3%200%200%200%201.666%201.858%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/smart-speaker2-duotone.svg?color=%231a73e8&size=48

Smart Speaker2 duotone icon — Reicon · IconsDB