phone ringing loud icon

phone-ringing-loud-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.

Name: phone-ringing-loud-fill
Set: Mage Icons
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in Mage Icons

Related icons in Mage Icons

phone-call phone-cancel phone-cross phone-incoming phone-minus phone-missed-call phone-outgoing phone-plus

Use the phone ringing loud icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.988 18.053c.012.254-.026.509-.113.749a1.9 1.9 0 0 1-.41.677c-.382.314-.86.487-1.354.492h-2.729a1.49 1.49 0 0 1-1.661-1.457V17.49a.67.67 0 0 0-.062-.36a.8.8 0 0 0-.164-.235a2.4 2.4 0 0 0-1.026-.246a19 19 0 0 0-2.051-.236c-1.183-.082-2.37.03-3.518.328a.56.56 0 0 0-.298.123a.6.6 0 0 0-.174.215a3.5 3.5 0 0 0-.072.954a1.8 1.8 0 0 1-.051.729a2 2 0 0 1-.339.666c-.338.329-.79.512-1.261.513H4.51q-.513.03-1.026 0a1.5 1.5 0 0 1-.636-.184a1.8 1.8 0 0 1-.492-.41a2.3 2.3 0 0 1-.339-1.396a4.47 4.47 0 0 1 1.488-3.323a9.05 9.05 0 0 1 3.077-1.877q.412-.165.84-.277a15.8 15.8 0 0 1 4.34-.595c1.844-.074 3.686.19 5.436.78c.952.339 1.847.82 2.656 1.425a5.37 5.37 0 0 1 1.96 2.452c.122.496.18 1.006.174 1.518m-6.38-7.93a.76.76 0 0 1-.544-.225a4.5 4.5 0 0 0-1.405-.944a4.43 4.43 0 0 0-3.323 0a4.6 4.6 0 0 0-1.416.944a.76.76 0 0 1-1.087 0a.77.77 0 0 1 0-1.088a5.89 5.89 0 0 1 8.318 0a.76.76 0 0 1 0 1.088a.75.75 0 0 1-.543.225"/><path fill="currentColor" d="M17.772 7.96a.76.76 0 0 1-.544-.226a7.42 7.42 0 0 0-8.062-1.6a7.3 7.3 0 0 0-2.41 1.6a.76.76 0 0 1-1.087 0a.77.77 0 0 1 0-1.087a8.934 8.934 0 0 1 12.688.03a.76.76 0 0 1 0 1.088a.75.75 0 0 1-.585.195"/></svg>

React

import type { SVGProps } from "react";

export function MagePhoneRingingLoudFill(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.988 18.053c.012.254-.026.509-.113.749a1.9 1.9 0 0 1-.41.677c-.382.314-.86.487-1.354.492h-2.729a1.49 1.49 0 0 1-1.661-1.457V17.49a.67.67 0 0 0-.062-.36a.8.8 0 0 0-.164-.235a2.4 2.4 0 0 0-1.026-.246a19 19 0 0 0-2.051-.236c-1.183-.082-2.37.03-3.518.328a.56.56 0 0 0-.298.123a.6.6 0 0 0-.174.215a3.5 3.5 0 0 0-.072.954a1.8 1.8 0 0 1-.051.729a2 2 0 0 1-.339.666c-.338.329-.79.512-1.261.513H4.51q-.513.03-1.026 0a1.5 1.5 0 0 1-.636-.184a1.8 1.8 0 0 1-.492-.41a2.3 2.3 0 0 1-.339-1.396a4.47 4.47 0 0 1 1.488-3.323a9.05 9.05 0 0 1 3.077-1.877q.412-.165.84-.277a15.8 15.8 0 0 1 4.34-.595c1.844-.074 3.686.19 5.436.78c.952.339 1.847.82 2.656 1.425a5.37 5.37 0 0 1 1.96 2.452c.122.496.18 1.006.174 1.518m-6.38-7.93a.76.76 0 0 1-.544-.225a4.5 4.5 0 0 0-1.405-.944a4.43 4.43 0 0 0-3.323 0a4.6 4.6 0 0 0-1.416.944a.76.76 0 0 1-1.087 0a.77.77 0 0 1 0-1.088a5.89 5.89 0 0 1 8.318 0a.76.76 0 0 1 0 1.088a.75.75 0 0 1-.543.225"/><path fill="currentColor" d="M17.772 7.96a.76.76 0 0 1-.544-.226a7.42 7.42 0 0 0-8.062-1.6a7.3 7.3 0 0 0-2.41 1.6a.76.76 0 0 1-1.087 0a.77.77 0 0 1 0-1.087a8.934 8.934 0 0 1 12.688.03a.76.76 0 0 1 0 1.088a.75.75 0 0 1-.585.195"/></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.988 18.053c.012.254-.026.509-.113.749a1.9 1.9 0 0 1-.41.677c-.382.314-.86.487-1.354.492h-2.729a1.49 1.49 0 0 1-1.661-1.457V17.49a.67.67 0 0 0-.062-.36a.8.8 0 0 0-.164-.235a2.4 2.4 0 0 0-1.026-.246a19 19 0 0 0-2.051-.236c-1.183-.082-2.37.03-3.518.328a.56.56 0 0 0-.298.123a.6.6 0 0 0-.174.215a3.5 3.5 0 0 0-.072.954a1.8 1.8 0 0 1-.051.729a2 2 0 0 1-.339.666c-.338.329-.79.512-1.261.513H4.51q-.513.03-1.026 0a1.5 1.5 0 0 1-.636-.184a1.8 1.8 0 0 1-.492-.41a2.3 2.3 0 0 1-.339-1.396a4.47 4.47 0 0 1 1.488-3.323a9.05 9.05 0 0 1 3.077-1.877q.412-.165.84-.277a15.8 15.8 0 0 1 4.34-.595c1.844-.074 3.686.19 5.436.78c.952.339 1.847.82 2.656 1.425a5.37 5.37 0 0 1 1.96 2.452c.122.496.18 1.006.174 1.518m-6.38-7.93a.76.76 0 0 1-.544-.225a4.5 4.5 0 0 0-1.405-.944a4.43 4.43 0 0 0-3.323 0a4.6 4.6 0 0 0-1.416.944a.76.76 0 0 1-1.087 0a.77.77 0 0 1 0-1.088a5.89 5.89 0 0 1 8.318 0a.76.76 0 0 1 0 1.088a.75.75 0 0 1-.543.225"/><path fill="currentColor" d="M17.772 7.96a.76.76 0 0 1-.544-.226a7.42 7.42 0 0 0-8.062-1.6a7.3 7.3 0 0 0-2.41 1.6a.76.76 0 0 1-1.087 0a.77.77 0 0 1 0-1.087a8.934 8.934 0 0 1 12.688.03a.76.76 0 0 1 0 1.088a.75.75 0 0 1-.585.195"/></svg>
</template>

CSS

.icon-phone-ringing-loud-fill {
  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.988%2018.053c.012.254-.026.509-.113.749a1.9%201.9%200%200%201-.41.677c-.382.314-.86.487-1.354.492h-2.729a1.49%201.49%200%200%201-1.661-1.457V17.49a.67.67%200%200%200-.062-.36a.8.8%200%200%200-.164-.235a2.4%202.4%200%200%200-1.026-.246a19%2019%200%200%200-2.051-.236c-1.183-.082-2.37.03-3.518.328a.56.56%200%200%200-.298.123a.6.6%200%200%200-.174.215a3.5%203.5%200%200%200-.072.954a1.8%201.8%200%200%201-.051.729a2%202%200%200%201-.339.666c-.338.329-.79.512-1.261.513H4.51q-.513.03-1.026%200a1.5%201.5%200%200%201-.636-.184a1.8%201.8%200%200%201-.492-.41a2.3%202.3%200%200%201-.339-1.396a4.47%204.47%200%200%201%201.488-3.323a9.05%209.05%200%200%201%203.077-1.877q.412-.165.84-.277a15.8%2015.8%200%200%201%204.34-.595c1.844-.074%203.686.19%205.436.78c.952.339%201.847.82%202.656%201.425a5.37%205.37%200%200%201%201.96%202.452c.122.496.18%201.006.174%201.518m-6.38-7.93a.76.76%200%200%201-.544-.225a4.5%204.5%200%200%200-1.405-.944a4.43%204.43%200%200%200-3.323%200a4.6%204.6%200%200%200-1.416.944a.76.76%200%200%201-1.087%200a.77.77%200%200%201%200-1.088a5.89%205.89%200%200%201%208.318%200a.76.76%200%200%201%200%201.088a.75.75%200%200%201-.543.225%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.772%207.96a.76.76%200%200%201-.544-.226a7.42%207.42%200%200%200-8.062-1.6a7.3%207.3%200%200%200-2.41%201.6a.76.76%200%200%201-1.087%200a.77.77%200%200%201%200-1.087a8.934%208.934%200%200%201%2012.688.03a.76.76%200%200%201%200%201.088a.75.75%200%200%201-.585.195%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.988%2018.053c.012.254-.026.509-.113.749a1.9%201.9%200%200%201-.41.677c-.382.314-.86.487-1.354.492h-2.729a1.49%201.49%200%200%201-1.661-1.457V17.49a.67.67%200%200%200-.062-.36a.8.8%200%200%200-.164-.235a2.4%202.4%200%200%200-1.026-.246a19%2019%200%200%200-2.051-.236c-1.183-.082-2.37.03-3.518.328a.56.56%200%200%200-.298.123a.6.6%200%200%200-.174.215a3.5%203.5%200%200%200-.072.954a1.8%201.8%200%200%201-.051.729a2%202%200%200%201-.339.666c-.338.329-.79.512-1.261.513H4.51q-.513.03-1.026%200a1.5%201.5%200%200%201-.636-.184a1.8%201.8%200%200%201-.492-.41a2.3%202.3%200%200%201-.339-1.396a4.47%204.47%200%200%201%201.488-3.323a9.05%209.05%200%200%201%203.077-1.877q.412-.165.84-.277a15.8%2015.8%200%200%201%204.34-.595c1.844-.074%203.686.19%205.436.78c.952.339%201.847.82%202.656%201.425a5.37%205.37%200%200%201%201.96%202.452c.122.496.18%201.006.174%201.518m-6.38-7.93a.76.76%200%200%201-.544-.225a4.5%204.5%200%200%200-1.405-.944a4.43%204.43%200%200%200-3.323%200a4.6%204.6%200%200%200-1.416.944a.76.76%200%200%201-1.087%200a.77.77%200%200%201%200-1.088a5.89%205.89%200%200%201%208.318%200a.76.76%200%200%201%200%201.088a.75.75%200%200%201-.543.225%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.772%207.96a.76.76%200%200%201-.544-.226a7.42%207.42%200%200%200-8.062-1.6a7.3%207.3%200%200%200-2.41%201.6a.76.76%200%200%201-1.087%200a.77.77%200%200%201%200-1.087a8.934%208.934%200%200%201%2012.688.03a.76.76%200%200%201%200%201.088a.75.75%200%200%201-.585.195%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/phone-ringing-loud-fill.svg?color=%231a73e8&size=48