Grayscale

By Kazuyuki Motoyama in Ligature Symbols

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 768 646">
  <path fill="currentColor" d="M0 646V48h768v598H0zm383-114v63h64v-63h65v-61h-65v-63h65v-61h-65v-62h65v-61h-65v-63h65V99h-65v62h-64V99h-65v62h-62V99H51v496h267v-63h65zm0-371v63h-65v-63h65zM256 285v-61h62v61h-62zm191 0h-64v-61h64v61zm-129 0h65v62h-65v-62zm-62 123v-61h62v61h-62zm191 0h-64v-61h64v61zm-129 63v-63h65v63h-65zm-62 61v-61h62v61h-62zm127-61h64v61h-64v-61z"/>
</svg>


Grayscale Icons examples

See what this icon looks like in some mockup designs
GrayscaleHome

Related icons in Ligature Symbols

copy save
0
copy save
1
copy save
2
copy save
3
copy save
4
copy save
5
copy save
6
copy save
7
copy save
8
copy save
9
copy save
a
copy save
a-upper-case
copy save
addstar
copy save
adjust
copy save
aim
copy save
album
copy save
alignadjust
copy save
aligncenter
copy save
alignleft
copy save
alignright