sharp ring volume icon

sharp-ring-volume from Google Material Icons by Material Design Authors · Baseline · Communication · Apache-2.0 Free for personal and commercial use.

Name
sharp-ring-volume
Set
Google Material Icons
Style
Baseline
Category
Communication
Viewbox
24×24
License
Apache 2.0

More communication icons from Google Material Icons

baseline-3pbaseline-add-ic-callbaseline-alternate-emailbaseline-app-registrationbaseline-businessbaseline-callbaseline-call-endbaseline-call-madebaseline-call-mergebaseline-call-missedbaseline-call-missed-outgoingbaseline-call-receivedbaseline-call-splitbaseline-cancel-presentationbaseline-cell-towerbaseline-cell-wifibaseline-chatbaseline-chat-bubblebaseline-clear-allbaseline-co-presentbaseline-commentbaseline-comments-disabledbaseline-contact-emergencybaseline-contact-mail

Use the sharp ring volume icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.16 6.26l-1.41-1.41l-3.56 3.55l1.41 1.41s3.45-3.52 3.56-3.55M11 2h2v5h-2zM6.4 9.81L7.81 8.4L4.26 4.84L2.84 6.26c.11.03 3.56 3.55 3.56 3.55M0 17.39l3.68 3.68l3.92-3.11v-3.37c2.85-.93 5.94-.93 8.8 0v3.38l3.91 3.1L24 17.39c-6.41-7.19-17.59-7.19-24 0"/></svg>

React

import type { SVGProps } from "react";

export function IcSharpRingVolume(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.16 6.26l-1.41-1.41l-3.56 3.55l1.41 1.41s3.45-3.52 3.56-3.55M11 2h2v5h-2zM6.4 9.81L7.81 8.4L4.26 4.84L2.84 6.26c.11.03 3.56 3.55 3.56 3.55M0 17.39l3.68 3.68l3.92-3.11v-3.37c2.85-.93 5.94-.93 8.8 0v3.38l3.91 3.1L24 17.39c-6.41-7.19-17.59-7.19-24 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.16 6.26l-1.41-1.41l-3.56 3.55l1.41 1.41s3.45-3.52 3.56-3.55M11 2h2v5h-2zM6.4 9.81L7.81 8.4L4.26 4.84L2.84 6.26c.11.03 3.56 3.55 3.56 3.55M0 17.39l3.68 3.68l3.92-3.11v-3.37c2.85-.93 5.94-.93 8.8 0v3.38l3.91 3.1L24 17.39c-6.41-7.19-17.59-7.19-24 0"/></svg>
</template>

CSS

.icon-sharp-ring-volume {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m21.16%206.26l-1.41-1.41l-3.56%203.55l1.41%201.41s3.45-3.52%203.56-3.55M11%202h2v5h-2zM6.4%209.81L7.81%208.4L4.26%204.84L2.84%206.26c.11.03%203.56%203.55%203.56%203.55M0%2017.39l3.68%203.68l3.92-3.11v-3.37c2.85-.93%205.94-.93%208.8%200v3.38l3.91%203.1L24%2017.39c-6.41-7.19-17.59-7.19-24%200%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m21.16%206.26l-1.41-1.41l-3.56%203.55l1.41%201.41s3.45-3.52%203.56-3.55M11%202h2v5h-2zM6.4%209.81L7.81%208.4L4.26%204.84L2.84%206.26c.11.03%203.56%203.55%203.56%203.55M0%2017.39l3.68%203.68l3.92-3.11v-3.37c2.85-.93%205.94-.93%208.8%200v3.38l3.91%203.1L24%2017.39c-6.41-7.19-17.59-7.19-24%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/sharp-ring-volume.svg?color=%231a73e8&size=48