language icon
language from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.
- Name
- language
- Set
- Keyline Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
languageAkar IconslanguageCarbonlanguageFont Awesome 6 SolidlanguageFont Awesome Solidlanguage-outlineFlowbite IconslanguageHeroIconslanguageIconoirlanguageIonIconslanguageJam IconslanguageLine AwesomelanguageMaterial SymbolslanguageMaterial Symbols LightlanguagePrime IconslanguageTabler IconslanguageUnicons
Use the language icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 11L6 2L10 11M3.3333 8L8.6667 8M16 11L18 11M12 15L22 15M14 15C14.4767 16.1439 15.5203 18.0076 17 19.543C18.1074 20.6922 19.459 21.6576 21 22M20 15C19.5234 16.1439 18.4797 18.0076 17 19.543C15.8926 20.6922 14.541 21.6576 13 22"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsLanguage(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M2 11L6 2L10 11M3.3333 8L8.6667 8M16 11L18 11M12 15L22 15M14 15C14.4767 16.1439 15.5203 18.0076 17 19.543C18.1074 20.6922 19.459 21.6576 21 22M20 15C19.5234 16.1439 18.4797 18.0076 17 19.543C15.8926 20.6922 14.541 21.6576 13 22"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 11L6 2L10 11M3.3333 8L8.6667 8M16 11L18 11M12 15L22 15M14 15C14.4767 16.1439 15.5203 18.0076 17 19.543C18.1074 20.6922 19.459 21.6576 21 22M20 15C19.5234 16.1439 18.4797 18.0076 17 19.543C15.8926 20.6922 14.541 21.6576 13 22"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2%2011L6%202L10%2011M3.3333%208L8.6667%208M16%2011L18%2011M12%2015L22%2015M14%2015C14.4767%2016.1439%2015.5203%2018.0076%2017%2019.543C18.1074%2020.6922%2019.459%2021.6576%2021%2022M20%2015C19.5234%2016.1439%2018.4797%2018.0076%2017%2019.543C15.8926%2020.6922%2014.541%2021.6576%2013%2022%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2%2011L6%202L10%2011M3.3333%208L8.6667%208M16%2011L18%2011M12%2015L22%2015M14%2015C14.4767%2016.1439%2015.5203%2018.0076%2017%2019.543C18.1074%2020.6922%2019.459%2021.6576%2021%2022M20%2015C19.5234%2016.1439%2018.4797%2018.0076%2017%2019.543C15.8926%2020.6922%2014.541%2021.6576%2013%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/language.svg?color=%231a73e8&size=48
