language icon
language from Line Awesome by Icons8 · Line · Interfaces · Apache-2.0 Free for personal and commercial use.
- Name
- language
- Set
- Line Awesome
- Style
- Line
- Category
- Interfaces
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- language-solid
The same icon in other sets
More interfaces icons from Line Awesome
Use the language icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 4v18h6v6h18V10h-6V4zm2 2h14v4.563L10.562 20H6zm5 2v1H8v2h4.938c-.13 1.148-.481 2.055-1.063 2.688a4.5 4.5 0 0 1-.906-.407C10.266 12.863 10 12.418 10 12H8c0 1.191.734 2.184 1.719 2.844A8.3 8.3 0 0 1 8 15v2c1.773 0 3.25-.406 4.375-1.156c.523.09 1.055.156 1.625.156v-1.875c.543-.91.832-1.973.938-3.125H16V9h-3V8zm10.438 4H26v14H12v-4.563zM20 13.844l-.938 2.844l-2 6l-.062.156V24h2v-.875l.031-.125h1.938l.031.125V24h2v-1.156l-.063-.157l-2-6zm0 6.281l.281.875h-.562z"/></svg>
React
import type { SVGProps } from "react";
export function LaLanguage(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 4v18h6v6h18V10h-6V4zm2 2h14v4.563L10.562 20H6zm5 2v1H8v2h4.938c-.13 1.148-.481 2.055-1.063 2.688a4.5 4.5 0 0 1-.906-.407C10.266 12.863 10 12.418 10 12H8c0 1.191.734 2.184 1.719 2.844A8.3 8.3 0 0 1 8 15v2c1.773 0 3.25-.406 4.375-1.156c.523.09 1.055.156 1.625.156v-1.875c.543-.91.832-1.973.938-3.125H16V9h-3V8zm10.438 4H26v14H12v-4.563zM20 13.844l-.938 2.844l-2 6l-.062.156V24h2v-.875l.031-.125h1.938l.031.125V24h2v-1.156l-.063-.157l-2-6zm0 6.281l.281.875h-.562z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 4v18h6v6h18V10h-6V4zm2 2h14v4.563L10.562 20H6zm5 2v1H8v2h4.938c-.13 1.148-.481 2.055-1.063 2.688a4.5 4.5 0 0 1-.906-.407C10.266 12.863 10 12.418 10 12H8c0 1.191.734 2.184 1.719 2.844A8.3 8.3 0 0 1 8 15v2c1.773 0 3.25-.406 4.375-1.156c.523.09 1.055.156 1.625.156v-1.875c.543-.91.832-1.973.938-3.125H16V9h-3V8zm10.438 4H26v14H12v-4.563zM20 13.844l-.938 2.844l-2 6l-.062.156V24h2v-.875l.031-.125h1.938l.031.125V24h2v-1.156l-.063-.157l-2-6zm0 6.281l.281.875h-.562z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%204v18h6v6h18V10h-6V4zm2%202h14v4.563L10.562%2020H6zm5%202v1H8v2h4.938c-.13%201.148-.481%202.055-1.063%202.688a4.5%204.5%200%200%201-.906-.407C10.266%2012.863%2010%2012.418%2010%2012H8c0%201.191.734%202.184%201.719%202.844A8.3%208.3%200%200%201%208%2015v2c1.773%200%203.25-.406%204.375-1.156c.523.09%201.055.156%201.625.156v-1.875c.543-.91.832-1.973.938-3.125H16V9h-3V8zm10.438%204H26v14H12v-4.563zM20%2013.844l-.938%202.844l-2%206l-.062.156V24h2v-.875l.031-.125h1.938l.031.125V24h2v-1.156l-.063-.157l-2-6zm0%206.281l.281.875h-.562z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%204v18h6v6h18V10h-6V4zm2%202h14v4.563L10.562%2020H6zm5%202v1H8v2h4.938c-.13%201.148-.481%202.055-1.063%202.688a4.5%204.5%200%200%201-.906-.407C10.266%2012.863%2010%2012.418%2010%2012H8c0%201.191.734%202.184%201.719%202.844A8.3%208.3%200%200%201%208%2015v2c1.773%200%203.25-.406%204.375-1.156c.523.09%201.055.156%201.625.156v-1.875c.543-.91.832-1.973.938-3.125H16V9h-3V8zm10.438%204H26v14H12v-4.563zM20%2013.844l-.938%202.844l-2%206l-.062.156V24h2v-.875l.031-.125h1.938l.031.125V24h2v-1.156l-.063-.157l-2-6zm0%206.281l.281.875h-.562z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/language.svg?color=%231a73e8&size=48
