deaf icon
deaf from Line Awesome by Icons8 · Line · Accessibility · Apache-2.0 Free for personal and commercial use.
- Name
- deaf
- Set
- Line Awesome
- Style
- Line
- Category
- Accessibility
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- deaf-solid
The same icon in other sets
More accessibility icons from Line Awesome
Use the deaf icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.719 2.281L2.28 3.72l26 26l1.438-1.438l-7.844-7.843C23.383 18.203 25 15.198 25 12c0-4.41-3.59-8-8-8a8.02 8.02 0 0 0-7.156 4.406zM17 6c3.309 0 6 2.691 6 6c0 2.531-1.273 5.031-2.563 7l-6.406-6.406C14.22 11.09 15.43 10 17 10c1.078 0 2.094.59 2.625 1.531l1.719-1A5 5 0 0 0 17 8c-2.078 0-3.828 1.203-4.594 2.969l-1.031-1.031A5.995 5.995 0 0 1 17 6m-5.844 9.344l-.156.125V16c0 1.43 1.215 1.98 2.031 2.344c.75.332.969.468.969.656c0 .688-1.082 1-2.094 1v2c1.961 0 3.375-.773 3.875-2zM9 22v1c0 2.758 2.242 5 5 5c2.906 0 4-1.84 4.875-3.313c.21-.351.406-.683.625-1l-1.438-1.437c-.023.035-.039.094-.062.125c-.316.434-.59.883-.844 1.313C16.32 25.09 15.77 26 14 26c-1.652 0-3-1.348-3-3v-1z"/></svg>
React
import type { SVGProps } from "react";
export function LaDeaf(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.719 2.281L2.28 3.72l26 26l1.438-1.438l-7.844-7.843C23.383 18.203 25 15.198 25 12c0-4.41-3.59-8-8-8a8.02 8.02 0 0 0-7.156 4.406zM17 6c3.309 0 6 2.691 6 6c0 2.531-1.273 5.031-2.563 7l-6.406-6.406C14.22 11.09 15.43 10 17 10c1.078 0 2.094.59 2.625 1.531l1.719-1A5 5 0 0 0 17 8c-2.078 0-3.828 1.203-4.594 2.969l-1.031-1.031A5.995 5.995 0 0 1 17 6m-5.844 9.344l-.156.125V16c0 1.43 1.215 1.98 2.031 2.344c.75.332.969.468.969.656c0 .688-1.082 1-2.094 1v2c1.961 0 3.375-.773 3.875-2zM9 22v1c0 2.758 2.242 5 5 5c2.906 0 4-1.84 4.875-3.313c.21-.351.406-.683.625-1l-1.438-1.437c-.023.035-.039.094-.062.125c-.316.434-.59.883-.844 1.313C16.32 25.09 15.77 26 14 26c-1.652 0-3-1.348-3-3v-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.719 2.281L2.28 3.72l26 26l1.438-1.438l-7.844-7.843C23.383 18.203 25 15.198 25 12c0-4.41-3.59-8-8-8a8.02 8.02 0 0 0-7.156 4.406zM17 6c3.309 0 6 2.691 6 6c0 2.531-1.273 5.031-2.563 7l-6.406-6.406C14.22 11.09 15.43 10 17 10c1.078 0 2.094.59 2.625 1.531l1.719-1A5 5 0 0 0 17 8c-2.078 0-3.828 1.203-4.594 2.969l-1.031-1.031A5.995 5.995 0 0 1 17 6m-5.844 9.344l-.156.125V16c0 1.43 1.215 1.98 2.031 2.344c.75.332.969.468.969.656c0 .688-1.082 1-2.094 1v2c1.961 0 3.375-.773 3.875-2zM9 22v1c0 2.758 2.242 5 5 5c2.906 0 4-1.84 4.875-3.313c.21-.351.406-.683.625-1l-1.438-1.437c-.023.035-.039.094-.062.125c-.316.434-.59.883-.844 1.313C16.32 25.09 15.77 26 14 26c-1.652 0-3-1.348-3-3v-1z"/></svg> </template>
CSS
.icon-deaf {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.719%202.281L2.28%203.72l26%2026l1.438-1.438l-7.844-7.843C23.383%2018.203%2025%2015.198%2025%2012c0-4.41-3.59-8-8-8a8.02%208.02%200%200%200-7.156%204.406zM17%206c3.309%200%206%202.691%206%206c0%202.531-1.273%205.031-2.563%207l-6.406-6.406C14.22%2011.09%2015.43%2010%2017%2010c1.078%200%202.094.59%202.625%201.531l1.719-1A5%205%200%200%200%2017%208c-2.078%200-3.828%201.203-4.594%202.969l-1.031-1.031A5.995%205.995%200%200%201%2017%206m-5.844%209.344l-.156.125V16c0%201.43%201.215%201.98%202.031%202.344c.75.332.969.468.969.656c0%20.688-1.082%201-2.094%201v2c1.961%200%203.375-.773%203.875-2zM9%2022v1c0%202.758%202.242%205%205%205c2.906%200%204-1.84%204.875-3.313c.21-.351.406-.683.625-1l-1.438-1.437c-.023.035-.039.094-.062.125c-.316.434-.59.883-.844%201.313C16.32%2025.09%2015.77%2026%2014%2026c-1.652%200-3-1.348-3-3v-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.719%202.281L2.28%203.72l26%2026l1.438-1.438l-7.844-7.843C23.383%2018.203%2025%2015.198%2025%2012c0-4.41-3.59-8-8-8a8.02%208.02%200%200%200-7.156%204.406zM17%206c3.309%200%206%202.691%206%206c0%202.531-1.273%205.031-2.563%207l-6.406-6.406C14.22%2011.09%2015.43%2010%2017%2010c1.078%200%202.094.59%202.625%201.531l1.719-1A5%205%200%200%200%2017%208c-2.078%200-3.828%201.203-4.594%202.969l-1.031-1.031A5.995%205.995%200%200%201%2017%206m-5.844%209.344l-.156.125V16c0%201.43%201.215%201.98%202.031%202.344c.75.332.969.468.969.656c0%20.688-1.082%201-2.094%201v2c1.961%200%203.375-.773%203.875-2zM9%2022v1c0%202.758%202.242%205%205%205c2.906%200%204-1.84%204.875-3.313c.21-.351.406-.683.625-1l-1.438-1.437c-.023.035-.039.094-.062.125c-.316.434-.59.883-.844%201.313C16.32%2025.09%2015.77%2026%2014%2026c-1.652%200-3-1.348-3-3v-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/deaf.svg?color=%231a73e8&size=48
