blind icon

blind-rounded from Material Symbols by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.

Name: blind-rounded
Set: Material Symbols
Style: Rounded
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: blind-outline-rounded

1 other variant in Material Symbols

blind

The same icon in other sets

blindFont Awesome Solid blindLine Awesome blindMaterial Symbols Light blindTabler Icons

More social icons from Material Symbols

Use the blind icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.088 4.413Q9.5 3.825 9.5 3t.588-1.412T11.5 1t1.413.588T13.5 3t-.587 1.413T11.5 5t-1.412-.587m7.625 7.8q-.288.287-.713.287h-.975l5.225 9.125q.125.2.063.375t-.263.3t-.375.075t-.3-.25l-5.675-9.9q-1-.325-1.812-.937T11.5 9.8q-.25.725-.387 1.663t-.088 1.737L13 16v5.5q0 .425-.288.713T12 22.5t-.712-.288T11 21.5v-4l-1.775-2.55L9 18.5l-2.4 3.2q-.25.35-.65.4t-.75-.2t-.4-.65t.2-.75l2-2.675V12.5q0-.775.138-1.713T7.5 9.1L6 9.95v2.55q0 .425-.288.713T5 13.5t-.712-.288T4 12.5V9.375q0-.275.138-.513T4.5 8.5l4.9-2.775q.2-.125.425-.175t.475-.05q.6 0 1.1.3t.75.825l.775 1.675q.5 1.1 1.525 1.65t2.55.55q.425 0 .713.288T18 11.5t-.288.713"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsBlindRounded(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="M10.088 4.413Q9.5 3.825 9.5 3t.588-1.412T11.5 1t1.413.588T13.5 3t-.587 1.413T11.5 5t-1.412-.587m7.625 7.8q-.288.287-.713.287h-.975l5.225 9.125q.125.2.063.375t-.263.3t-.375.075t-.3-.25l-5.675-9.9q-1-.325-1.812-.937T11.5 9.8q-.25.725-.387 1.663t-.088 1.737L13 16v5.5q0 .425-.288.713T12 22.5t-.712-.288T11 21.5v-4l-1.775-2.55L9 18.5l-2.4 3.2q-.25.35-.65.4t-.75-.2t-.4-.65t.2-.75l2-2.675V12.5q0-.775.138-1.713T7.5 9.1L6 9.95v2.55q0 .425-.288.713T5 13.5t-.712-.288T4 12.5V9.375q0-.275.138-.513T4.5 8.5l4.9-2.775q.2-.125.425-.175t.475-.05q.6 0 1.1.3t.75.825l.775 1.675q.5 1.1 1.525 1.65t2.55.55q.425 0 .713.288T18 11.5t-.288.713"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.088 4.413Q9.5 3.825 9.5 3t.588-1.412T11.5 1t1.413.588T13.5 3t-.587 1.413T11.5 5t-1.412-.587m7.625 7.8q-.288.287-.713.287h-.975l5.225 9.125q.125.2.063.375t-.263.3t-.375.075t-.3-.25l-5.675-9.9q-1-.325-1.812-.937T11.5 9.8q-.25.725-.387 1.663t-.088 1.737L13 16v5.5q0 .425-.288.713T12 22.5t-.712-.288T11 21.5v-4l-1.775-2.55L9 18.5l-2.4 3.2q-.25.35-.65.4t-.75-.2t-.4-.65t.2-.75l2-2.675V12.5q0-.775.138-1.713T7.5 9.1L6 9.95v2.55q0 .425-.288.713T5 13.5t-.712-.288T4 12.5V9.375q0-.275.138-.513T4.5 8.5l4.9-2.775q.2-.125.425-.175t.475-.05q.6 0 1.1.3t.75.825l.775 1.675q.5 1.1 1.525 1.65t2.55.55q.425 0 .713.288T18 11.5t-.288.713"/></svg>
</template>

CSS

.icon-blind-rounded {
  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%22M10.088%204.413Q9.5%203.825%209.5%203t.588-1.412T11.5%201t1.413.588T13.5%203t-.587%201.413T11.5%205t-1.412-.587m7.625%207.8q-.288.287-.713.287h-.975l5.225%209.125q.125.2.063.375t-.263.3t-.375.075t-.3-.25l-5.675-9.9q-1-.325-1.812-.937T11.5%209.8q-.25.725-.387%201.663t-.088%201.737L13%2016v5.5q0%20.425-.288.713T12%2022.5t-.712-.288T11%2021.5v-4l-1.775-2.55L9%2018.5l-2.4%203.2q-.25.35-.65.4t-.75-.2t-.4-.65t.2-.75l2-2.675V12.5q0-.775.138-1.713T7.5%209.1L6%209.95v2.55q0%20.425-.288.713T5%2013.5t-.712-.288T4%2012.5V9.375q0-.275.138-.513T4.5%208.5l4.9-2.775q.2-.125.425-.175t.475-.05q.6%200%201.1.3t.75.825l.775%201.675q.5%201.1%201.525%201.65t2.55.55q.425%200%20.713.288T18%2011.5t-.288.713%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%22M10.088%204.413Q9.5%203.825%209.5%203t.588-1.412T11.5%201t1.413.588T13.5%203t-.587%201.413T11.5%205t-1.412-.587m7.625%207.8q-.288.287-.713.287h-.975l5.225%209.125q.125.2.063.375t-.263.3t-.375.075t-.3-.25l-5.675-9.9q-1-.325-1.812-.937T11.5%209.8q-.25.725-.387%201.663t-.088%201.737L13%2016v5.5q0%20.425-.288.713T12%2022.5t-.712-.288T11%2021.5v-4l-1.775-2.55L9%2018.5l-2.4%203.2q-.25.35-.65.4t-.75-.2t-.4-.65t.2-.75l2-2.675V12.5q0-.775.138-1.713T7.5%209.1L6%209.95v2.55q0%20.425-.288.713T5%2013.5t-.712-.288T4%2012.5V9.375q0-.275.138-.513T4.5%208.5l4.9-2.775q.2-.125.425-.175t.475-.05q.6%200%201.1.3t.75.825l.775%201.675q.5%201.1%201.525%201.65t2.55.55q.425%200%20.713.288T18%2011.5t-.288.713%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/blind-rounded.svg?color=%231a73e8&size=48