language-us-rounded from Material Symbols by Google · Rounded · Text · Apache-2.0 Free for personal and commercial use.

Name
language-us-rounded
Set
Material Symbols
Style
Rounded
Category
Text
Viewbox
24×24
License
Apache 2.0
Aliases
language-us-outline-rounded

2 other variants in Material Symbols

The same icon in other sets

More text icons from Material Symbols

Use the language us icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 17q-.825 0-1.412-.587T4 15V8q0-.425.288-.712T5 7t.713.288T6 8v7h3V8q0-.425.288-.712T10 7t.713.288T11 8v7q0 .825-.587 1.413T9 17zm9 0q-.825 0-1.412-.587T13 15q0-.425.288-.712T14 14t.713.288T15 15h3v-2h-3q-.825 0-1.412-.587T13 11V9q0-.825.588-1.412T15 7h3q.825 0 1.413.588T20 9q0 .425-.288.713T19 10t-.712-.288T18 9h-3v2h3q.825 0 1.413.588T20 13v2q0 .825-.587 1.413T18 17z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLanguageUsRounded(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="M6 17q-.825 0-1.412-.587T4 15V8q0-.425.288-.712T5 7t.713.288T6 8v7h3V8q0-.425.288-.712T10 7t.713.288T11 8v7q0 .825-.587 1.413T9 17zm9 0q-.825 0-1.412-.587T13 15q0-.425.288-.712T14 14t.713.288T15 15h3v-2h-3q-.825 0-1.412-.587T13 11V9q0-.825.588-1.412T15 7h3q.825 0 1.413.588T20 9q0 .425-.288.713T19 10t-.712-.288T18 9h-3v2h3q.825 0 1.413.588T20 13v2q0 .825-.587 1.413T18 17z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 17q-.825 0-1.412-.587T4 15V8q0-.425.288-.712T5 7t.713.288T6 8v7h3V8q0-.425.288-.712T10 7t.713.288T11 8v7q0 .825-.587 1.413T9 17zm9 0q-.825 0-1.412-.587T13 15q0-.425.288-.712T14 14t.713.288T15 15h3v-2h-3q-.825 0-1.412-.587T13 11V9q0-.825.588-1.412T15 7h3q.825 0 1.413.588T20 9q0 .425-.288.713T19 10t-.712-.288T18 9h-3v2h3q.825 0 1.413.588T20 13v2q0 .825-.587 1.413T18 17z"/></svg>
</template>

CSS

.icon-language-us-rounded {
  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%22M6%2017q-.825%200-1.412-.587T4%2015V8q0-.425.288-.712T5%207t.713.288T6%208v7h3V8q0-.425.288-.712T10%207t.713.288T11%208v7q0%20.825-.587%201.413T9%2017zm9%200q-.825%200-1.412-.587T13%2015q0-.425.288-.712T14%2014t.713.288T15%2015h3v-2h-3q-.825%200-1.412-.587T13%2011V9q0-.825.588-1.412T15%207h3q.825%200%201.413.588T20%209q0%20.425-.288.713T19%2010t-.712-.288T18%209h-3v2h3q.825%200%201.413.588T20%2013v2q0%20.825-.587%201.413T18%2017z%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%22M6%2017q-.825%200-1.412-.587T4%2015V8q0-.425.288-.712T5%207t.713.288T6%208v7h3V8q0-.425.288-.712T10%207t.713.288T11%208v7q0%20.825-.587%201.413T9%2017zm9%200q-.825%200-1.412-.587T13%2015q0-.425.288-.712T14%2014t.713.288T15%2015h3v-2h-3q-.825%200-1.412-.587T13%2011V9q0-.825.588-1.412T15%207h3q.825%200%201.413.588T20%209q0%20.425-.288.713T19%2010t-.712-.288T18%209h-3v2h3q.825%200%201.413.588T20%2013v2q0%20.825-.587%201.413T18%2017z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/language-us-rounded.svg?color=%231a73e8&size=48