language icon

language-16-solid from HeroIcons by Refactoring UI Inc · Solid 16x16 · MIT Free for personal and commercial use.

Name: language-16-solid
Set: HeroIcons
Style: Solid 16x16
Viewbox: 16×16
License: MIT

3 other variants in HeroIcons

language language-20-solid language-solid

The same icon in other sets

languageAkar Icons languageCarbon languageFont Awesome 6 Solid languageFont Awesome Solid language-outlineFlowbite Icons languageIconoir languageIonIcons 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 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 5a.75.75 0 0 1 .688.452l3.25 7.5a.75.75 0 1 1-1.376.596L12.89 12H9.109l-.67 1.548a.75.75 0 1 1-1.377-.596l3.25-7.5A.75.75 0 0 1 11 5m-1.24 5.5h2.48L11 7.636zM5 1a.75.75 0 0 1 .75.75v1.261a25 25 0 0 1 2.598.211a.75.75 0 1 1-.2 1.487q-.33-.045-.662-.08A13 13 0 0 1 5.92 8.058q.356.456.752.873a.75.75 0 0 1-1.086 1.035A13 13 0 0 1 5 9.307a13 13 0 0 1-2.841 2.546a.75.75 0 0 1-.827-1.251A11.6 11.6 0 0 0 4.08 8.057a13 13 0 0 1-.554-.938a.75.75 0 1 1 1.323-.707l.15.271c.388-.68.708-1.405.952-2.164a24 24 0 0 0-4.1.19a.75.75 0 0 1-.2-1.487q1.28-.171 2.598-.211V1.75A.75.75 0 0 1 5 1" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function HeroiconsLanguage16Solid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fillRule="evenodd" d="M11 5a.75.75 0 0 1 .688.452l3.25 7.5a.75.75 0 1 1-1.376.596L12.89 12H9.109l-.67 1.548a.75.75 0 1 1-1.377-.596l3.25-7.5A.75.75 0 0 1 11 5m-1.24 5.5h2.48L11 7.636zM5 1a.75.75 0 0 1 .75.75v1.261a25 25 0 0 1 2.598.211a.75.75 0 1 1-.2 1.487q-.33-.045-.662-.08A13 13 0 0 1 5.92 8.058q.356.456.752.873a.75.75 0 0 1-1.086 1.035A13 13 0 0 1 5 9.307a13 13 0 0 1-2.841 2.546a.75.75 0 0 1-.827-1.251A11.6 11.6 0 0 0 4.08 8.057a13 13 0 0 1-.554-.938a.75.75 0 1 1 1.323-.707l.15.271c.388-.68.708-1.405.952-2.164a24 24 0 0 0-4.1.19a.75.75 0 0 1-.2-1.487q1.28-.171 2.598-.211V1.75A.75.75 0 0 1 5 1" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M11 5a.75.75 0 0 1 .688.452l3.25 7.5a.75.75 0 1 1-1.376.596L12.89 12H9.109l-.67 1.548a.75.75 0 1 1-1.377-.596l3.25-7.5A.75.75 0 0 1 11 5m-1.24 5.5h2.48L11 7.636zM5 1a.75.75 0 0 1 .75.75v1.261a25 25 0 0 1 2.598.211a.75.75 0 1 1-.2 1.487q-.33-.045-.662-.08A13 13 0 0 1 5.92 8.058q.356.456.752.873a.75.75 0 0 1-1.086 1.035A13 13 0 0 1 5 9.307a13 13 0 0 1-2.841 2.546a.75.75 0 0 1-.827-1.251A11.6 11.6 0 0 0 4.08 8.057a13 13 0 0 1-.554-.938a.75.75 0 1 1 1.323-.707l.15.271c.388-.68.708-1.405.952-2.164a24 24 0 0 0-4.1.19a.75.75 0 0 1-.2-1.487q1.28-.171 2.598-.211V1.75A.75.75 0 0 1 5 1" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-language-16-solid {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11%205a.75.75%200%200%201%20.688.452l3.25%207.5a.75.75%200%201%201-1.376.596L12.89%2012H9.109l-.67%201.548a.75.75%200%201%201-1.377-.596l3.25-7.5A.75.75%200%200%201%2011%205m-1.24%205.5h2.48L11%207.636zM5%201a.75.75%200%200%201%20.75.75v1.261a25%2025%200%200%201%202.598.211a.75.75%200%201%201-.2%201.487q-.33-.045-.662-.08A13%2013%200%200%201%205.92%208.058q.356.456.752.873a.75.75%200%200%201-1.086%201.035A13%2013%200%200%201%205%209.307a13%2013%200%200%201-2.841%202.546a.75.75%200%200%201-.827-1.251A11.6%2011.6%200%200%200%204.08%208.057a13%2013%200%200%201-.554-.938a.75.75%200%201%201%201.323-.707l.15.271c.388-.68.708-1.405.952-2.164a24%2024%200%200%200-4.1.19a.75.75%200%200%201-.2-1.487q1.28-.171%202.598-.211V1.75A.75.75%200%200%201%205%201%22%20clip-rule%3D%22evenodd%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11%205a.75.75%200%200%201%20.688.452l3.25%207.5a.75.75%200%201%201-1.376.596L12.89%2012H9.109l-.67%201.548a.75.75%200%201%201-1.377-.596l3.25-7.5A.75.75%200%200%201%2011%205m-1.24%205.5h2.48L11%207.636zM5%201a.75.75%200%200%201%20.75.75v1.261a25%2025%200%200%201%202.598.211a.75.75%200%201%201-.2%201.487q-.33-.045-.662-.08A13%2013%200%200%201%205.92%208.058q.356.456.752.873a.75.75%200%200%201-1.086%201.035A13%2013%200%200%201%205%209.307a13%2013%200%200%201-2.841%202.546a.75.75%200%200%201-.827-1.251A11.6%2011.6%200%200%200%204.08%208.057a13%2013%200%200%201-.554-.938a.75.75%200%201%201%201.323-.707l.15.271c.388-.68.708-1.405.952-2.164a24%2024%200%200%200-4.1.19a.75.75%200%200%201-.2-1.487q1.28-.171%202.598-.211V1.75A.75.75%200%200%201%205%201%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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