Css

Search

set svg background color css

/* You can use CSS masks, With the 'mask' property, you create a mask that is applied to an element. */
background-color: red;
-webkit-mask-image: url(icon.svg);
mask-image: url(icon.svg);

Comment

background image svg change fill color

If you are trying to use and SVG directly on CSS with url() like this;

a:before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 451 451"><path d="M345.441,2...

You should encode the # to %23, otherwise it won't work.

<svg fill="%23FFF" ...

Comment

PREVIOUS	NEXT

Code Example
Css :: css select with attribute
Css :: add border to input css
Css :: scroll bar on border radius element css
Css :: bootstrap Aligning images
Css :: red color rgb
Css :: style rule that expands the element to cover any floating content within the element
Css :: kerning css
Css :: change angular material icon color
Css :: move to last commit
Css :: how to highlight input on focus with box shadow
Css :: disable right click with css
Css :: ionic install font
Css :: scss !default
Css :: row reverse grid
Css :: text orientation css
Css :: div overlfow scroll
Css :: how to center a div element
Css :: add blur background css
Css :: bootstrap create full screen background image
Css :: css light grey
Css :: how to resize after image in css
Css :: grid place between
Css :: how to center a div
Css :: file upload no button
Css :: text-align property in css
Css :: css chevron arrow
Css :: how to hide an element in css
Css :: angular ng-deep
Css :: overlay color on image css
Css :: scss variables

Search

CSS

set svg background color css

background image svg change fill color

ADD CONTENT