|
35 | 35 | <div class="demo__inner"> |
36 | 36 | <button class="icon-btn icon-btn--large" type="button" aria-label="Save"> |
37 | 37 | <svg class="icon icon--24" width="16" height="16" aria-hidden="true"> |
38 | | - <icon-symbol name="save-24" /> |
| 38 | + <icon-symbol name="heart-24" /> |
39 | 39 | </svg> |
40 | 40 | </button> |
41 | 41 | <button class="icon-btn" type="button" aria-label="Save"> |
42 | 42 | <svg class="icon icon--24" width="16" height="16" aria-hidden="true"> |
43 | | - <icon-symbol name="save-24" /> |
| 43 | + <icon-symbol name="heart-24" /> |
44 | 44 | </svg> |
45 | 45 | </button> |
46 | 46 | <button class="icon-btn icon-btn--small" type="button" aria-label="Save"> |
47 | 47 | <svg class="icon icon--24" width="16" height="16" aria-hidden="true"> |
48 | | - <icon-symbol name="save-24" /> |
| 48 | + <icon-symbol name="heart-24" /> |
49 | 49 | </svg> |
50 | 50 | </button> |
51 | 51 | </div> |
|
107 | 107 | <div class="demo__inner"> |
108 | 108 | <button aria-label="Watchlist (4 notifications)" class="icon-btn icon-btn--badged" type="button"> |
109 | 109 | <svg class="icon icon--24" width="24" height="24" aria-hidden="true"> |
110 | | - <icon-symbol name="save-24" /> |
| 110 | + <icon-symbol name="heart-24" /> |
111 | 111 | </svg> |
112 | 112 | <span aria-hidden="true" class="badge">4</span> |
113 | 113 | </button> |
|
141 | 141 | <div class="demo__inner"> |
142 | 142 | <button class="icon-btn icon-btn--large icon-btn--primary" type="button" aria-label="Save"> |
143 | 143 | <svg class="icon icon--24" width="16" height="16" aria-hidden="true"> |
144 | | - <icon-symbol name="save-24" /> |
| 144 | + <icon-symbol name="heart-24" /> |
145 | 145 | </svg> |
146 | 146 | </button> |
147 | 147 | <button class="icon-btn icon-btn--primary" type="button" aria-label="Save"> |
148 | 148 | <svg class="icon icon--20" width="16" height="16" aria-hidden="true"> |
149 | | - <icon-symbol name="save-20" /> |
| 149 | + <icon-symbol name="heart-20" /> |
150 | 150 | </svg> |
151 | 151 | </button> |
152 | 152 | <button class="icon-btn icon-btn--small icon-btn--primary" type="button" aria-label="Save"> |
153 | 153 | <svg class="icon icon--16" width="16" height="16" aria-hidden="true"> |
154 | | - <icon-symbol name="save-16" /> |
| 154 | + <icon-symbol name="heart-16" /> |
155 | 155 | </svg> |
156 | 156 | </button> |
157 | 157 | </div> |
|
182 | 182 | <div class="demo__inner"> |
183 | 183 | <button class="icon-btn icon-btn--large icon-btn--secondary" type="button" aria-label="Save"> |
184 | 184 | <svg class="icon icon--24" width="16" height="16" aria-hidden="true"> |
185 | | - <icon-symbol name="save-24" /> |
| 185 | + <icon-symbol name="heart-24" /> |
186 | 186 | </svg> |
187 | 187 | </button> |
188 | 188 | <button class="icon-btn icon-btn--secondary" type="button" aria-label="Save"> |
189 | 189 | <svg class="icon icon--20" width="16" height="16" aria-hidden="true"> |
190 | | - <icon-symbol name="save-20" /> |
| 190 | + <icon-symbol name="heart-20" /> |
191 | 191 | </svg> |
192 | 192 | </button> |
193 | 193 | <button class="icon-btn icon-btn--small icon-btn--secondary" type="button" aria-label="Save"> |
194 | 194 | <svg class="icon icon--16" width="16" height="16" aria-hidden="true"> |
195 | | - <icon-symbol name="save-16" /> |
| 195 | + <icon-symbol name="heart-16" /> |
196 | 196 | </svg> |
197 | 197 | </button> |
198 | 198 | </div> |
|
223 | 223 | <div class="demo__inner"> |
224 | 224 | <button class="icon-btn icon-btn--large icon-btn--tertiary" type="button" aria-label="Save"> |
225 | 225 | <svg class="icon icon--24" width="16" height="16" aria-hidden="true"> |
226 | | - <icon-symbol name="save-24" /> |
| 226 | + <icon-symbol name="heart-24" /> |
227 | 227 | </svg> |
228 | 228 | </button> |
229 | 229 | <button class="icon-btn icon-btn--tertiary" type="button" aria-label="Save"> |
230 | 230 | <svg class="icon icon--20" width="16" height="16" aria-hidden="true"> |
231 | | - <icon-symbol name="save-20" /> |
| 231 | + <icon-symbol name="heart-20" /> |
232 | 232 | </svg> |
233 | 233 | </button> |
234 | 234 | <button class="icon-btn icon-btn--small icon-btn--tertiary" type="button" aria-label="Save"> |
235 | 235 | <svg class="icon icon--16" width="16" height="16" aria-hidden="true"> |
236 | | - <icon-symbol name="save-16" /> |
| 236 | + <icon-symbol name="heart-16" /> |
237 | 237 | </svg> |
238 | 238 | </button> |
239 | 239 | </div> |
|
318 | 318 | <div class="demo__inner"> |
319 | 319 | <a aria-label="loading" class="icon-link icon-link--large icon-link--primary" href="https://www.ebay.com"> |
320 | 320 | <svg class="icon icon--24" width="16" height="16" aria-hidden="true"> |
321 | | - <icon-symbol name="save-24" /> |
| 321 | + <icon-symbol name="heart-24" /> |
322 | 322 | </svg> |
323 | 323 | </a> |
324 | 324 | <a aria-label="loading" class="icon-link icon-link--primary" href="https://www.ebay.com"> |
325 | 325 | <svg class="icon icon--20" width="16" height="16" aria-hidden="true"> |
326 | | - <icon-symbol name="save-20" /> |
| 326 | + <icon-symbol name="heart-20" /> |
327 | 327 | </svg> |
328 | 328 | </a> |
329 | 329 | <a aria-label="loading" class="icon-link icon-link--small icon-link--primary" href="https://www.ebay.com"> |
330 | 330 | <svg class="icon icon--16" width="16" height="16" aria-hidden="true"> |
331 | | - <icon-symbol name="save-16" /> |
| 331 | + <icon-symbol name="heart-16" /> |
332 | 332 | </svg> |
333 | 333 | </a> |
334 | 334 | </div> |
|
0 commit comments