sign language icon
sign-language-outline from Material Design Icons by Pictogrammers · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- sign-language-outline
- Set
- Material Design Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Material Design Icons
The same icon in other sets
Related icons in Material Design Icons
Use the sign language icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 4c.4-.4 1-.4 1.4 0l2.9 3c-.8.4-1.2.6-1.6 1.2L7.5 5.5c-.4-.4-.4-1.1 0-1.5M6.3 7.2c.4-.4 1-.4 1.4 0l1.9 2c-.2.6-.3 1.3-.2 1.8h-.8L6.3 8.6c-.4-.4-.4-1 0-1.4m11.9 7.3L12.5 9l-.3.1c-.7.4-1 1.3-.7 2l.9 1.9h-8c-.5 0-1 .5-1 1s.5 1 1 1H10v1H3c-.5 0-1 .5-1 1s.5 1 1 1h7v1H4c-.5 0-1 .5-1 1s.5 1 1 1h6v1H5.5c-.5 0-1 .5-1 1s.5 1 1 1h11c1.4 0 2.5-1.1 2.5-2.5v-5.2c0-.7-.3-1.4-.8-1.8M17 21c0 .5-.5 1-1 1h-4v-7h2v-1.8l2.7 2.5c.2.2.3.5.3.7zm5-9.7c0 .7-.3 1.3-.8 1.8l-.9.8c-.2-.3-.4-.6-.7-.9l-.6-.6l.7-.7c.2-.2.3-.5.3-.7V7.3l-1.3 1.2L17.3 7l-1.9 2l-2.7-2.4l-3.8-4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l4.8 5.1l.7-.7l-3.8-4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0L18.9 6l.7-2c.5-.6 1.4-1 2.1-.8l.3.1z"/></svg>
React
import type { SVGProps } from "react";
export function MdiSignLanguageOutline(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="M7.5 4c.4-.4 1-.4 1.4 0l2.9 3c-.8.4-1.2.6-1.6 1.2L7.5 5.5c-.4-.4-.4-1.1 0-1.5M6.3 7.2c.4-.4 1-.4 1.4 0l1.9 2c-.2.6-.3 1.3-.2 1.8h-.8L6.3 8.6c-.4-.4-.4-1 0-1.4m11.9 7.3L12.5 9l-.3.1c-.7.4-1 1.3-.7 2l.9 1.9h-8c-.5 0-1 .5-1 1s.5 1 1 1H10v1H3c-.5 0-1 .5-1 1s.5 1 1 1h7v1H4c-.5 0-1 .5-1 1s.5 1 1 1h6v1H5.5c-.5 0-1 .5-1 1s.5 1 1 1h11c1.4 0 2.5-1.1 2.5-2.5v-5.2c0-.7-.3-1.4-.8-1.8M17 21c0 .5-.5 1-1 1h-4v-7h2v-1.8l2.7 2.5c.2.2.3.5.3.7zm5-9.7c0 .7-.3 1.3-.8 1.8l-.9.8c-.2-.3-.4-.6-.7-.9l-.6-.6l.7-.7c.2-.2.3-.5.3-.7V7.3l-1.3 1.2L17.3 7l-1.9 2l-2.7-2.4l-3.8-4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l4.8 5.1l.7-.7l-3.8-4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0L18.9 6l.7-2c.5-.6 1.4-1 2.1-.8l.3.1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 4c.4-.4 1-.4 1.4 0l2.9 3c-.8.4-1.2.6-1.6 1.2L7.5 5.5c-.4-.4-.4-1.1 0-1.5M6.3 7.2c.4-.4 1-.4 1.4 0l1.9 2c-.2.6-.3 1.3-.2 1.8h-.8L6.3 8.6c-.4-.4-.4-1 0-1.4m11.9 7.3L12.5 9l-.3.1c-.7.4-1 1.3-.7 2l.9 1.9h-8c-.5 0-1 .5-1 1s.5 1 1 1H10v1H3c-.5 0-1 .5-1 1s.5 1 1 1h7v1H4c-.5 0-1 .5-1 1s.5 1 1 1h6v1H5.5c-.5 0-1 .5-1 1s.5 1 1 1h11c1.4 0 2.5-1.1 2.5-2.5v-5.2c0-.7-.3-1.4-.8-1.8M17 21c0 .5-.5 1-1 1h-4v-7h2v-1.8l2.7 2.5c.2.2.3.5.3.7zm5-9.7c0 .7-.3 1.3-.8 1.8l-.9.8c-.2-.3-.4-.6-.7-.9l-.6-.6l.7-.7c.2-.2.3-.5.3-.7V7.3l-1.3 1.2L17.3 7l-1.9 2l-2.7-2.4l-3.8-4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l4.8 5.1l.7-.7l-3.8-4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0L18.9 6l.7-2c.5-.6 1.4-1 2.1-.8l.3.1z"/></svg> </template>
CSS
.icon-sign-language-outline {
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%22M7.5%204c.4-.4%201-.4%201.4%200l2.9%203c-.8.4-1.2.6-1.6%201.2L7.5%205.5c-.4-.4-.4-1.1%200-1.5M6.3%207.2c.4-.4%201-.4%201.4%200l1.9%202c-.2.6-.3%201.3-.2%201.8h-.8L6.3%208.6c-.4-.4-.4-1%200-1.4m11.9%207.3L12.5%209l-.3.1c-.7.4-1%201.3-.7%202l.9%201.9h-8c-.5%200-1%20.5-1%201s.5%201%201%201H10v1H3c-.5%200-1%20.5-1%201s.5%201%201%201h7v1H4c-.5%200-1%20.5-1%201s.5%201%201%201h6v1H5.5c-.5%200-1%20.5-1%201s.5%201%201%201h11c1.4%200%202.5-1.1%202.5-2.5v-5.2c0-.7-.3-1.4-.8-1.8M17%2021c0%20.5-.5%201-1%201h-4v-7h2v-1.8l2.7%202.5c.2.2.3.5.3.7zm5-9.7c0%20.7-.3%201.3-.8%201.8l-.9.8c-.2-.3-.4-.6-.7-.9l-.6-.6l.7-.7c.2-.2.3-.5.3-.7V7.3l-1.3%201.2L17.3%207l-1.9%202l-2.7-2.4l-3.8-4c-.4-.4-.4-1%200-1.4s1-.4%201.4%200l4.8%205.1l.7-.7l-3.8-4c-.4-.4-.4-1%200-1.4s1-.4%201.4%200L18.9%206l.7-2c.5-.6%201.4-1%202.1-.8l.3.1z%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%22M7.5%204c.4-.4%201-.4%201.4%200l2.9%203c-.8.4-1.2.6-1.6%201.2L7.5%205.5c-.4-.4-.4-1.1%200-1.5M6.3%207.2c.4-.4%201-.4%201.4%200l1.9%202c-.2.6-.3%201.3-.2%201.8h-.8L6.3%208.6c-.4-.4-.4-1%200-1.4m11.9%207.3L12.5%209l-.3.1c-.7.4-1%201.3-.7%202l.9%201.9h-8c-.5%200-1%20.5-1%201s.5%201%201%201H10v1H3c-.5%200-1%20.5-1%201s.5%201%201%201h7v1H4c-.5%200-1%20.5-1%201s.5%201%201%201h6v1H5.5c-.5%200-1%20.5-1%201s.5%201%201%201h11c1.4%200%202.5-1.1%202.5-2.5v-5.2c0-.7-.3-1.4-.8-1.8M17%2021c0%20.5-.5%201-1%201h-4v-7h2v-1.8l2.7%202.5c.2.2.3.5.3.7zm5-9.7c0%20.7-.3%201.3-.8%201.8l-.9.8c-.2-.3-.4-.6-.7-.9l-.6-.6l.7-.7c.2-.2.3-.5.3-.7V7.3l-1.3%201.2L17.3%207l-1.9%202l-2.7-2.4l-3.8-4c-.4-.4-.4-1%200-1.4s1-.4%201.4%200l4.8%205.1l.7-.7l-3.8-4c-.4-.4-.4-1%200-1.4s1-.4%201.4%200L18.9%206l.7-2c.5-.6%201.4-1%202.1-.8l.3.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/sign-language-outline.svg?color=%231a73e8&size=48
