Css

Search

use svg icon to before after

#mydiv::before {
  content: url("data:image/svg+xml; utf8, <svg ... code here</svg>");
  display: block;
  width: 22px;
  height: 10px;
  margin: 10px 5px 0 10px;
}

And use this website for encode the svg: 
https://yoksel.github.io/url-encoder/

Comment

PREVIOUS	NEXT

Code Example
Css :: why margin is not working on label css
Css :: center text in height css
Css :: how create checkbox ui like disabled checkbox using css
Css :: add image to css
Css :: add profile picture to a form in html and css
Css :: laravel enum float
Css :: css border-bottom only length of text
Css :: css h sizes
Css :: mapping and each in sass
Css :: wpforms submit button css
Css :: change image color in bootstrap card on hover css
Css :: image to fill container size
Css :: css clippath
Css :: animation left to right css
Css :: place two div elements next to each other
Css :: css round image without stretching
Css :: how to modify select icon csshow to modify select icon css
Css :: div set text colo0r
Css :: declare variables for color in css
Css :: how to fix overflow elementor
Css :: materializecss
Css :: css animation-fill-mode
Css :: angular css animation
Css :: trash icon in fontawesome
Css :: remove black shadow from border
Css :: css line-through with words
Css :: how to get text to auto break in a grid
Css :: fade in animation css codepen
Css :: fonts for css
Css :: divider with text css

Search

CSS

use svg icon to before after

ADD CONTENT