language icon

language from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: language
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

languageAkar Icons languageCarbon languageFont Awesome 6 Solid languageFont Awesome Solid language-outlineFlowbite Icons languageHeroIcons languageIconoir languageJam Icons languageLine Awesome languageMaterial Symbols languageMaterial Symbols Light languagePrime Icons languageTabler Icons languageUnicons

Use the language icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m478.33 433.6l-90-218a22 22 0 0 0-40.67 0l-90 218a22 22 0 1 0 40.67 16.79L316.66 406h102.67l18.33 44.39A22 22 0 0 0 458 464a22 22 0 0 0 20.32-30.4ZM334.83 362L368 281.65L401.17 362Zm-66.99-19.08a22 22 0 0 0-4.89-30.7c-.2-.15-15-11.13-36.49-34.73c39.65-53.68 62.11-114.75 71.27-143.49H330a22 22 0 0 0 0-44H214V70a22 22 0 0 0-44 0v20H54a22 22 0 0 0 0 44h197.25c-9.52 26.95-27.05 69.5-53.79 108.36c-31.41-41.68-43.08-68.65-43.17-68.87a22 22 0 0 0-40.58 17c.58 1.38 14.55 34.23 52.86 83.93c.92 1.19 1.83 2.35 2.74 3.51c-39.24 44.35-77.74 71.86-93.85 80.74a22 22 0 1 0 21.07 38.63c2.16-1.18 48.6-26.89 101.63-85.59c22.52 24.08 38 35.44 38.93 36.1a22 22 0 0 0 30.75-4.9Z"/></svg>

React

import type { SVGProps } from "react";

export function IonLanguage(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m478.33 433.6l-90-218a22 22 0 0 0-40.67 0l-90 218a22 22 0 1 0 40.67 16.79L316.66 406h102.67l18.33 44.39A22 22 0 0 0 458 464a22 22 0 0 0 20.32-30.4ZM334.83 362L368 281.65L401.17 362Zm-66.99-19.08a22 22 0 0 0-4.89-30.7c-.2-.15-15-11.13-36.49-34.73c39.65-53.68 62.11-114.75 71.27-143.49H330a22 22 0 0 0 0-44H214V70a22 22 0 0 0-44 0v20H54a22 22 0 0 0 0 44h197.25c-9.52 26.95-27.05 69.5-53.79 108.36c-31.41-41.68-43.08-68.65-43.17-68.87a22 22 0 0 0-40.58 17c.58 1.38 14.55 34.23 52.86 83.93c.92 1.19 1.83 2.35 2.74 3.51c-39.24 44.35-77.74 71.86-93.85 80.74a22 22 0 1 0 21.07 38.63c2.16-1.18 48.6-26.89 101.63-85.59c22.52 24.08 38 35.44 38.93 36.1a22 22 0 0 0 30.75-4.9Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m478.33 433.6l-90-218a22 22 0 0 0-40.67 0l-90 218a22 22 0 1 0 40.67 16.79L316.66 406h102.67l18.33 44.39A22 22 0 0 0 458 464a22 22 0 0 0 20.32-30.4ZM334.83 362L368 281.65L401.17 362Zm-66.99-19.08a22 22 0 0 0-4.89-30.7c-.2-.15-15-11.13-36.49-34.73c39.65-53.68 62.11-114.75 71.27-143.49H330a22 22 0 0 0 0-44H214V70a22 22 0 0 0-44 0v20H54a22 22 0 0 0 0 44h197.25c-9.52 26.95-27.05 69.5-53.79 108.36c-31.41-41.68-43.08-68.65-43.17-68.87a22 22 0 0 0-40.58 17c.58 1.38 14.55 34.23 52.86 83.93c.92 1.19 1.83 2.35 2.74 3.51c-39.24 44.35-77.74 71.86-93.85 80.74a22 22 0 1 0 21.07 38.63c2.16-1.18 48.6-26.89 101.63-85.59c22.52 24.08 38 35.44 38.93 36.1a22 22 0 0 0 30.75-4.9Z"/></svg>
</template>

CSS

.icon-language {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m478.33%20433.6l-90-218a22%2022%200%200%200-40.67%200l-90%20218a22%2022%200%201%200%2040.67%2016.79L316.66%20406h102.67l18.33%2044.39A22%2022%200%200%200%20458%20464a22%2022%200%200%200%2020.32-30.4ZM334.83%20362L368%20281.65L401.17%20362Zm-66.99-19.08a22%2022%200%200%200-4.89-30.7c-.2-.15-15-11.13-36.49-34.73c39.65-53.68%2062.11-114.75%2071.27-143.49H330a22%2022%200%200%200%200-44H214V70a22%2022%200%200%200-44%200v20H54a22%2022%200%200%200%200%2044h197.25c-9.52%2026.95-27.05%2069.5-53.79%20108.36c-31.41-41.68-43.08-68.65-43.17-68.87a22%2022%200%200%200-40.58%2017c.58%201.38%2014.55%2034.23%2052.86%2083.93c.92%201.19%201.83%202.35%202.74%203.51c-39.24%2044.35-77.74%2071.86-93.85%2080.74a22%2022%200%201%200%2021.07%2038.63c2.16-1.18%2048.6-26.89%20101.63-85.59c22.52%2024.08%2038%2035.44%2038.93%2036.1a22%2022%200%200%200%2030.75-4.9Z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m478.33%20433.6l-90-218a22%2022%200%200%200-40.67%200l-90%20218a22%2022%200%201%200%2040.67%2016.79L316.66%20406h102.67l18.33%2044.39A22%2022%200%200%200%20458%20464a22%2022%200%200%200%2020.32-30.4ZM334.83%20362L368%20281.65L401.17%20362Zm-66.99-19.08a22%2022%200%200%200-4.89-30.7c-.2-.15-15-11.13-36.49-34.73c39.65-53.68%2062.11-114.75%2071.27-143.49H330a22%2022%200%200%200%200-44H214V70a22%2022%200%200%200-44%200v20H54a22%2022%200%200%200%200%2044h197.25c-9.52%2026.95-27.05%2069.5-53.79%20108.36c-31.41-41.68-43.08-68.65-43.17-68.87a22%2022%200%200%200-40.58%2017c.58%201.38%2014.55%2034.23%2052.86%2083.93c.92%201.19%201.83%202.35%202.74%203.51c-39.24%2044.35-77.74%2071.86-93.85%2080.74a22%2022%200%201%200%2021.07%2038.63c2.16-1.18%2048.6-26.89%20101.63-85.59c22.52%2024.08%2038%2035.44%2038.93%2036.1a22%2022%200%200%200%2030.75-4.9Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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