Picture and Image

SVG Sprites

xml

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  <symbol id="icon-home" viewBox="0 0 24 24">
    <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
  </symbol>
  
  <symbol id="icon-user" viewBox="0 0 24 24">
    <circle cx="12" cy="8" r="4"/>
    <path d="M4 20v-2a6 6 0 0 1 12 0v2z"/>
  </symbol>
</svg>

How to use it

xml

  <svg>
    <use href="#id"/>
  </svg>

Color

Alpha

Alpha %	Hex	Alpha %	Hex	Alpha %	Hex	Alpha %	Hex	Alpha %	Hex
100%	FF	80%	CC	60%	99	40%	66	20%	33
99%	FC	79%	C9	59%	96	39%	63	19%	30
98%	FA	78%	C7	58%	94	38%	61	18%	2E
97%	F7	77%	C4	57%	91	37%	5E	17%	2B
96%	F5	76%	C2	56%	8F	36%	5C	16%	29
95%	F2	75%	BF	55%	8C	35%	59	15%	26
94%	F0	74%	BD	54%	8A	34%	57	14%	24
93%	ED	73%	BA	53%	87	33%	54	13%	21
92%	EB	72%	B8	52%	85	32%	52	12%	1F
91%	E8	71%	B5	51%	82	31%	4F	11%	1C
90%	E6	70%	B3	50%	80	30%	4D	10%	1A
89%	E3	69%	B0	49%	7D	29%	4A	9%	17
88%	E0	68%	AD	48%	7A	28%	47	8%	14
87%	DE	67%	AB	47%	78	27%	45	7%	12
86%	DB	66%	A8	46%	75	26%	42	6%	0F
85%	D9	65%	A6	45%	73	25%	40	5%	0D
84%	D6	64%	A3	44%	70	24%	3D	4%	0A
83%	D4	63%	A1	43%	6E	23%	3B	3%	08
82%	D1	62%	9E	42%	6B	22%	38	2%	05
81%	CF	61%	9C	41%	69	21%	36	1%	03
								0%	00

Picture and Image ​

SVG Sprites ​

Color ​

Alpha ​

Picture and Image

SVG Sprites

Color

Alpha