How to change usergroup badget - ninacoder-info/music-engine-web-wiki GitHub Wiki

Usergroup badge using HTML tag.

You can use image tag like

<img src="url-to-badge"/>

or use an SVG image

Download a svg icon at https://www.flaticon.com/ (there are a lot of them), after download, open it by use notepad. copy all source then paste in to Badge form

For example

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 42 42" style="enable-background:new 0 0 42 42;" xml:space="preserve"><path style="fill:#E64C3C;" d="M42,21c0,11.598-9.402,21-21,21S0,32.598,0,21C0,12.623,4.905,5.391,12,2.021C14.728,0.725,17.779,0,21,0C32.598,0,42,9.402,42,21z"/><path style="fill:#556080;" d="M29.988,2.042c-14.467,24.91,3.568,32.991,5.789,33.873C39.618,32.109,42,26.834,42,21C42,12.623,37.083,5.413,29.988,2.042z"/><path style="fill:#556080;" d="M0,21c0,5.815,2.365,11.076,6.184,14.879L7,36c0,0,20.416-7.458,5-33.979C4.905,5.391,0,12.623,0,21z"/><ellipse transform="matrix(0.7825 0.6227 -0.6227 0.7825 14.4055 -1.237)" style="fill:#FEFEFE;" cx="8.973" cy="20" rx="5.5" ry="4"/><ellipse transform="matrix(-0.7825 0.6227 -0.6227 -0.7825 71.2276 15.1178)" style="fill:#FEFEFE;" cx="32.973" cy="20" rx="5.5" ry="4"/></svg>