Skip to content

Instantly share code, notes, and snippets.

@Ariex

Ariex/invert svg color

Forked from brysongilbert/gist:6062276
Last active February 16, 2022 15:38
Show Gist options
  • Save Ariex/1fddd15e4e280db972ca to your computer and use it in GitHub Desktop.
Save Ariex/1fddd15e4e280db972ca to your computer and use it in GitHub Desktop.
Download ZIP
Raw
invert svg color
/* WebKit */
-webkit-filter: invert();
/* Firefox */
filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='negative'><feColorMatrix values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#negative");
/* IE 6-7 */
filter: progid:DXImageTransform.Microsoft.BasicImage(invert=1);
/* IE 8 */
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(invert=1)';
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment