round filter drama icon

round-filter-drama from Google Material Icons by Material Design Authors · Baseline · Image · Apache-2.0 Free for personal and commercial use.

Name: round-filter-drama
Set: Google Material Icons
Style: Baseline
Category: Image
Viewbox: 24×24
License: Apache 2.0

Use the round filter drama icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.35 10.04A7.49 7.49 0 0 0 12 4a7.48 7.48 0 0 0-6.64 4.04A5.996 5.996 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5c0-2.64-2.05-4.78-4.65-4.96M19 18H6.17c-2.09 0-3.95-1.53-4.15-3.61a3.998 3.998 0 0 1 7.89-1.22c.1.48.5.83.98.83c.61 0 1.11-.55.99-1.15a5.99 5.99 0 0 0-4.29-4.63c1.1-1.46 2.89-2.37 4.89-2.2c2.88.25 5.01 2.82 5.01 5.71V12h1.37c1.45 0 2.79.97 3.07 2.4c.39 1.91-1.08 3.6-2.93 3.6"/></svg>

React

import type { SVGProps } from "react";

export function IcRoundFilterDrama(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="M19.35 10.04A7.49 7.49 0 0 0 12 4a7.48 7.48 0 0 0-6.64 4.04A5.996 5.996 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5c0-2.64-2.05-4.78-4.65-4.96M19 18H6.17c-2.09 0-3.95-1.53-4.15-3.61a3.998 3.998 0 0 1 7.89-1.22c.1.48.5.83.98.83c.61 0 1.11-.55.99-1.15a5.99 5.99 0 0 0-4.29-4.63c1.1-1.46 2.89-2.37 4.89-2.2c2.88.25 5.01 2.82 5.01 5.71V12h1.37c1.45 0 2.79.97 3.07 2.4c.39 1.91-1.08 3.6-2.93 3.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.35 10.04A7.49 7.49 0 0 0 12 4a7.48 7.48 0 0 0-6.64 4.04A5.996 5.996 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5c0-2.64-2.05-4.78-4.65-4.96M19 18H6.17c-2.09 0-3.95-1.53-4.15-3.61a3.998 3.998 0 0 1 7.89-1.22c.1.48.5.83.98.83c.61 0 1.11-.55.99-1.15a5.99 5.99 0 0 0-4.29-4.63c1.1-1.46 2.89-2.37 4.89-2.2c2.88.25 5.01 2.82 5.01 5.71V12h1.37c1.45 0 2.79.97 3.07 2.4c.39 1.91-1.08 3.6-2.93 3.6"/></svg>
</template>

CSS

.icon-round-filter-drama {
  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%22M19.35%2010.04A7.49%207.49%200%200%200%2012%204a7.48%207.48%200%200%200-6.64%204.04A5.996%205.996%200%200%200%200%2014c0%203.31%202.69%206%206%206h13c2.76%200%205-2.24%205-5c0-2.64-2.05-4.78-4.65-4.96M19%2018H6.17c-2.09%200-3.95-1.53-4.15-3.61a3.998%203.998%200%200%201%207.89-1.22c.1.48.5.83.98.83c.61%200%201.11-.55.99-1.15a5.99%205.99%200%200%200-4.29-4.63c1.1-1.46%202.89-2.37%204.89-2.2c2.88.25%205.01%202.82%205.01%205.71V12h1.37c1.45%200%202.79.97%203.07%202.4c.39%201.91-1.08%203.6-2.93%203.6%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%22M19.35%2010.04A7.49%207.49%200%200%200%2012%204a7.48%207.48%200%200%200-6.64%204.04A5.996%205.996%200%200%200%200%2014c0%203.31%202.69%206%206%206h13c2.76%200%205-2.24%205-5c0-2.64-2.05-4.78-4.65-4.96M19%2018H6.17c-2.09%200-3.95-1.53-4.15-3.61a3.998%203.998%200%200%201%207.89-1.22c.1.48.5.83.98.83c.61%200%201.11-.55.99-1.15a5.99%205.99%200%200%200-4.29-4.63c1.1-1.46%202.89-2.37%204.89-2.2c2.88.25%205.01%202.82%205.01%205.71V12h1.37c1.45%200%202.79.97%203.07%202.4c.39%201.91-1.08%203.6-2.93%203.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

round filter drama icon

More image icons from Google Material Icons

Use the round filter drama icon

SVG

React

Vue

CSS