language icon
language from Material Symbols by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- language
- Set
- Material Symbols
- Style
- Regular
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- language-outline, language-outline-rounded, language-outline-sharp, language-rounded, language-sharp
The same icon in other sets
More actions icons from Material Symbols
Use the language icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12.013 2t3.875.788t3.175 2.15t2.15 3.175t.787 3.875t-.787 3.887t-2.15 3.188t-3.175 2.15t-3.875.787t-3.888-.787M12 19.95q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLanguage(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="M8.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12.013 2t3.875.788t3.175 2.15t2.15 3.175t.787 3.875t-.787 3.887t-2.15 3.188t-3.175 2.15t-3.875.787t-3.888-.787M12 19.95q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12.013 2t3.875.788t3.175 2.15t2.15 3.175t.787 3.875t-.787 3.887t-2.15 3.188t-3.175 2.15t-3.875.787t-3.888-.787M12 19.95q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8"/></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%22currentColor%22%20d%3D%22M8.125%2021.213q-1.825-.788-3.187-2.15t-2.15-3.188T2%2011.988t.788-3.875t2.15-3.175t3.187-2.15T12.013%202t3.875.788t3.175%202.15t2.15%203.175t.787%203.875t-.787%203.887t-2.15%203.188t-3.175%202.15t-3.875.787t-3.888-.787M12%2019.95q.65-.9%201.125-1.875T13.9%2016h-3.8q.3%201.1.775%202.075T12%2019.95m-2.6-.4q-.45-.825-.787-1.713T8.05%2016H5.1q.725%201.25%201.813%202.175T9.4%2019.55m5.2%200q1.4-.45%202.488-1.375T18.9%2016h-2.95q-.225.95-.562%201.838T14.6%2019.55M4.25%2014h3.4q-.075-.5-.112-.987T7.5%2012t.038-1.012T7.65%2010h-3.4q-.125.5-.187.988T4%2012t.063%201.013t.187.987m5.4%200h4.7q.075-.5.113-.987T14.5%2012t-.038-1.012T14.35%2010h-4.7q-.075.5-.112.988T9.5%2012t.038%201.013t.112.987m6.7%200h3.4q.125-.5.188-.987T20%2012t-.062-1.012T19.75%2010h-3.4q.075.5.113.988T16.5%2012t-.038%201.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6%204.45q.45.825.788%201.713T15.95%208M10.1%208h3.8q-.3-1.1-.775-2.075T12%204.05q-.65.9-1.125%201.875T10.1%208m-5%200h2.95q.225-.95.563-1.838T9.4%204.45Q8%204.9%206.912%205.825T5.1%208%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%22M8.125%2021.213q-1.825-.788-3.187-2.15t-2.15-3.188T2%2011.988t.788-3.875t2.15-3.175t3.187-2.15T12.013%202t3.875.788t3.175%202.15t2.15%203.175t.787%203.875t-.787%203.887t-2.15%203.188t-3.175%202.15t-3.875.787t-3.888-.787M12%2019.95q.65-.9%201.125-1.875T13.9%2016h-3.8q.3%201.1.775%202.075T12%2019.95m-2.6-.4q-.45-.825-.787-1.713T8.05%2016H5.1q.725%201.25%201.813%202.175T9.4%2019.55m5.2%200q1.4-.45%202.488-1.375T18.9%2016h-2.95q-.225.95-.562%201.838T14.6%2019.55M4.25%2014h3.4q-.075-.5-.112-.987T7.5%2012t.038-1.012T7.65%2010h-3.4q-.125.5-.187.988T4%2012t.063%201.013t.187.987m5.4%200h4.7q.075-.5.113-.987T14.5%2012t-.038-1.012T14.35%2010h-4.7q-.075.5-.112.988T9.5%2012t.038%201.013t.112.987m6.7%200h3.4q.125-.5.188-.987T20%2012t-.062-1.012T19.75%2010h-3.4q.075.5.113.988T16.5%2012t-.038%201.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6%204.45q.45.825.788%201.713T15.95%208M10.1%208h3.8q-.3-1.1-.775-2.075T12%204.05q-.65.9-1.125%201.875T10.1%208m-5%200h2.95q.225-.95.563-1.838T9.4%204.45Q8%204.9%206.912%205.825T5.1%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/language.svg?color=%231a73e8&size=48
