local language zi icon
local-language-zi-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- local-language-zi-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the local language zi icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M18 2a1 1 0 1 0-2 0v1h-4a1 1 0 0 0-1 1v1.25a1 1 0 1 0 2 0V5h8v.25a1 1 0 1 0 2 0V4a1 1 0 0 0-1-1h-4V2zM8.563 7.505l.056.117l5.307 13.005a1 1 0 0 1-1.801.86l-.05-.105L10.692 18H4.407l-1.49 3.407a1 1 0 0 1-1.208.555l-.11-.04a1 1 0 0 1-.555-1.208l.04-.11L6.777 7.6c.337-.77 1.395-.795 1.786-.094zm-.902 3.062L5.282 16h4.595l-2.216-5.432zM13.499 7a1 1 0 0 1 1-1h5a1 1 0 0 1 .708 1.707L18.414 9.5H22a1 1 0 1 1 0 2h-4v2.984a2.5 2.5 0 0 1-3.219 2.394l-.569-.17a1 1 0 1 1 .575-1.916l.569.17a.5.5 0 0 0 .643-.478V11.5H12a1 1 0 1 1 0-2h4a1 1 0 0 1 .292-.707L17.085 8H14.5a1 1 0 0 1-1-1z" fill="currentColor"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentLocalLanguageZi24Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M18 2a1 1 0 1 0-2 0v1h-4a1 1 0 0 0-1 1v1.25a1 1 0 1 0 2 0V5h8v.25a1 1 0 1 0 2 0V4a1 1 0 0 0-1-1h-4V2zM8.563 7.505l.056.117l5.307 13.005a1 1 0 0 1-1.801.86l-.05-.105L10.692 18H4.407l-1.49 3.407a1 1 0 0 1-1.208.555l-.11-.04a1 1 0 0 1-.555-1.208l.04-.11L6.777 7.6c.337-.77 1.395-.795 1.786-.094zm-.902 3.062L5.282 16h4.595l-2.216-5.432zM13.499 7a1 1 0 0 1 1-1h5a1 1 0 0 1 .708 1.707L18.414 9.5H22a1 1 0 1 1 0 2h-4v2.984a2.5 2.5 0 0 1-3.219 2.394l-.569-.17a1 1 0 1 1 .575-1.916l.569.17a.5.5 0 0 0 .643-.478V11.5H12a1 1 0 1 1 0-2h4a1 1 0 0 1 .292-.707L17.085 8H14.5a1 1 0 0 1-1-1z" fill="currentColor"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M18 2a1 1 0 1 0-2 0v1h-4a1 1 0 0 0-1 1v1.25a1 1 0 1 0 2 0V5h8v.25a1 1 0 1 0 2 0V4a1 1 0 0 0-1-1h-4V2zM8.563 7.505l.056.117l5.307 13.005a1 1 0 0 1-1.801.86l-.05-.105L10.692 18H4.407l-1.49 3.407a1 1 0 0 1-1.208.555l-.11-.04a1 1 0 0 1-.555-1.208l.04-.11L6.777 7.6c.337-.77 1.395-.795 1.786-.094zm-.902 3.062L5.282 16h4.595l-2.216-5.432zM13.499 7a1 1 0 0 1 1-1h5a1 1 0 0 1 .708 1.707L18.414 9.5H22a1 1 0 1 1 0 2h-4v2.984a2.5 2.5 0 0 1-3.219 2.394l-.569-.17a1 1 0 1 1 .575-1.916l.569.17a.5.5 0 0 0 .643-.478V11.5H12a1 1 0 1 1 0-2h4a1 1 0 0 1 .292-.707L17.085 8H14.5a1 1 0 0 1-1-1z" fill="currentColor"/></g></svg> </template>
CSS
.icon-local-language-zi-24-filled {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M18%202a1%201%200%201%200-2%200v1h-4a1%201%200%200%200-1%201v1.25a1%201%200%201%200%202%200V5h8v.25a1%201%200%201%200%202%200V4a1%201%200%200%200-1-1h-4V2zM8.563%207.505l.056.117l5.307%2013.005a1%201%200%200%201-1.801.86l-.05-.105L10.692%2018H4.407l-1.49%203.407a1%201%200%200%201-1.208.555l-.11-.04a1%201%200%200%201-.555-1.208l.04-.11L6.777%207.6c.337-.77%201.395-.795%201.786-.094zm-.902%203.062L5.282%2016h4.595l-2.216-5.432zM13.499%207a1%201%200%200%201%201-1h5a1%201%200%200%201%20.708%201.707L18.414%209.5H22a1%201%200%201%201%200%202h-4v2.984a2.5%202.5%200%200%201-3.219%202.394l-.569-.17a1%201%200%201%201%20.575-1.916l.569.17a.5.5%200%200%200%20.643-.478V11.5H12a1%201%200%201%201%200-2h4a1%201%200%200%201%20.292-.707L17.085%208H14.5a1%201%200%200%201-1-1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M18%202a1%201%200%201%200-2%200v1h-4a1%201%200%200%200-1%201v1.25a1%201%200%201%200%202%200V5h8v.25a1%201%200%201%200%202%200V4a1%201%200%200%200-1-1h-4V2zM8.563%207.505l.056.117l5.307%2013.005a1%201%200%200%201-1.801.86l-.05-.105L10.692%2018H4.407l-1.49%203.407a1%201%200%200%201-1.208.555l-.11-.04a1%201%200%200%201-.555-1.208l.04-.11L6.777%207.6c.337-.77%201.395-.795%201.786-.094zm-.902%203.062L5.282%2016h4.595l-2.216-5.432zM13.499%207a1%201%200%200%201%201-1h5a1%201%200%200%201%20.708%201.707L18.414%209.5H22a1%201%200%201%201%200%202h-4v2.984a2.5%202.5%200%200%201-3.219%202.394l-.569-.17a1%201%200%201%201%20.575-1.916l.569.17a.5.5%200%200%200%20.643-.478V11.5H12a1%201%200%201%201%200-2h4a1%201%200%200%201%20.292-.707L17.085%208H14.5a1%201%200%200%201-1-1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/local-language-zi-24-filled.svg?color=%231a73e8&size=48
