twotone-support from Google Material Icons by Material Design Authors · Baseline · Action · Apache-2.0 Free for personal and commercial use.

Name
twotone-support
Set
Google Material Icons
Style
Baseline
Category
Action
Viewbox
24×24
License
Apache 2.0

More action icons from Google Material Icons

Use the twotone support icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.3 7.32L9.13 4.54a7.98 7.98 0 0 0-4.59 4.59l2.78 1.15c.51-1.38 1.6-2.46 2.98-2.96m-2.98 6.4l-2.78 1.15c.81 2.1 2.48 3.78 4.59 4.59l1.17-2.78a4.98 4.98 0 0 1-2.98-2.96m9.35-3.45l2.78-1.15a8 8 0 0 0-4.58-4.58l-1.15 2.78c1.37.51 2.45 1.58 2.95 2.95m.01 3.44a5 5 0 0 1-2.95 2.97l1.15 2.78c2.1-.81 3.77-2.48 4.58-4.58z" opacity=".3"/><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m2.87 2.54c2.1.81 3.77 2.48 4.58 4.58l-2.78 1.15a4.98 4.98 0 0 0-2.95-2.94zm-5.74 0l1.17 2.78a5 5 0 0 0-2.98 2.97L4.54 9.13a7.98 7.98 0 0 1 4.59-4.59m0 14.92a8 8 0 0 1-4.59-4.59l2.78-1.15a4.97 4.97 0 0 0 2.97 2.96zM9 12c0-1.66 1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3s-3-1.34-3-3m5.88 7.46l-1.15-2.78a4.98 4.98 0 0 0 2.95-2.97l2.78 1.17a8 8 0 0 1-4.58 4.58"/></svg>

React

import type { SVGProps } from "react";

export function IcTwotoneSupport(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="M10.3 7.32L9.13 4.54a7.98 7.98 0 0 0-4.59 4.59l2.78 1.15c.51-1.38 1.6-2.46 2.98-2.96m-2.98 6.4l-2.78 1.15c.81 2.1 2.48 3.78 4.59 4.59l1.17-2.78a4.98 4.98 0 0 1-2.98-2.96m9.35-3.45l2.78-1.15a8 8 0 0 0-4.58-4.58l-1.15 2.78c1.37.51 2.45 1.58 2.95 2.95m.01 3.44a5 5 0 0 1-2.95 2.97l1.15 2.78c2.1-.81 3.77-2.48 4.58-4.58z" opacity=".3"/><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m2.87 2.54c2.1.81 3.77 2.48 4.58 4.58l-2.78 1.15a4.98 4.98 0 0 0-2.95-2.94zm-5.74 0l1.17 2.78a5 5 0 0 0-2.98 2.97L4.54 9.13a7.98 7.98 0 0 1 4.59-4.59m0 14.92a8 8 0 0 1-4.59-4.59l2.78-1.15a4.97 4.97 0 0 0 2.97 2.96zM9 12c0-1.66 1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3s-3-1.34-3-3m5.88 7.46l-1.15-2.78a4.98 4.98 0 0 0 2.95-2.97l2.78 1.17a8 8 0 0 1-4.58 4.58"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.3 7.32L9.13 4.54a7.98 7.98 0 0 0-4.59 4.59l2.78 1.15c.51-1.38 1.6-2.46 2.98-2.96m-2.98 6.4l-2.78 1.15c.81 2.1 2.48 3.78 4.59 4.59l1.17-2.78a4.98 4.98 0 0 1-2.98-2.96m9.35-3.45l2.78-1.15a8 8 0 0 0-4.58-4.58l-1.15 2.78c1.37.51 2.45 1.58 2.95 2.95m.01 3.44a5 5 0 0 1-2.95 2.97l1.15 2.78c2.1-.81 3.77-2.48 4.58-4.58z" opacity=".3"/><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m2.87 2.54c2.1.81 3.77 2.48 4.58 4.58l-2.78 1.15a4.98 4.98 0 0 0-2.95-2.94zm-5.74 0l1.17 2.78a5 5 0 0 0-2.98 2.97L4.54 9.13a7.98 7.98 0 0 1 4.59-4.59m0 14.92a8 8 0 0 1-4.59-4.59l2.78-1.15a4.97 4.97 0 0 0 2.97 2.96zM9 12c0-1.66 1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3s-3-1.34-3-3m5.88 7.46l-1.15-2.78a4.98 4.98 0 0 0 2.95-2.97l2.78 1.17a8 8 0 0 1-4.58 4.58"/></svg>
</template>

CSS

.icon-twotone-support {
  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%22M10.3%207.32L9.13%204.54a7.98%207.98%200%200%200-4.59%204.59l2.78%201.15c.51-1.38%201.6-2.46%202.98-2.96m-2.98%206.4l-2.78%201.15c.81%202.1%202.48%203.78%204.59%204.59l1.17-2.78a4.98%204.98%200%200%201-2.98-2.96m9.35-3.45l2.78-1.15a8%208%200%200%200-4.58-4.58l-1.15%202.78c1.37.51%202.45%201.58%202.95%202.95m.01%203.44a5%205%200%200%201-2.95%202.97l1.15%202.78c2.1-.81%203.77-2.48%204.58-4.58z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202m2.87%202.54c2.1.81%203.77%202.48%204.58%204.58l-2.78%201.15a4.98%204.98%200%200%200-2.95-2.94zm-5.74%200l1.17%202.78a5%205%200%200%200-2.98%202.97L4.54%209.13a7.98%207.98%200%200%201%204.59-4.59m0%2014.92a8%208%200%200%201-4.59-4.59l2.78-1.15a4.97%204.97%200%200%200%202.97%202.96zM9%2012c0-1.66%201.34-3%203-3s3%201.34%203%203s-1.34%203-3%203s-3-1.34-3-3m5.88%207.46l-1.15-2.78a4.98%204.98%200%200%200%202.95-2.97l2.78%201.17a8%208%200%200%201-4.58%204.58%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%22M10.3%207.32L9.13%204.54a7.98%207.98%200%200%200-4.59%204.59l2.78%201.15c.51-1.38%201.6-2.46%202.98-2.96m-2.98%206.4l-2.78%201.15c.81%202.1%202.48%203.78%204.59%204.59l1.17-2.78a4.98%204.98%200%200%201-2.98-2.96m9.35-3.45l2.78-1.15a8%208%200%200%200-4.58-4.58l-1.15%202.78c1.37.51%202.45%201.58%202.95%202.95m.01%203.44a5%205%200%200%201-2.95%202.97l1.15%202.78c2.1-.81%203.77-2.48%204.58-4.58z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202m2.87%202.54c2.1.81%203.77%202.48%204.58%204.58l-2.78%201.15a4.98%204.98%200%200%200-2.95-2.94zm-5.74%200l1.17%202.78a5%205%200%200%200-2.98%202.97L4.54%209.13a7.98%207.98%200%200%201%204.59-4.59m0%2014.92a8%208%200%200%201-4.59-4.59l2.78-1.15a4.97%204.97%200%200%200%202.97%202.96zM9%2012c0-1.66%201.34-3%203-3s3%201.34%203%203s-1.34%203-3%203s-3-1.34-3-3m5.88%207.46l-1.15-2.78a4.98%204.98%200%200%200%202.95-2.97l2.78%201.17a8%208%200%200%201-4.58%204.58%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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