Елемент зчеплення до всієї цієї ідеї інлайн системи значок SVG. Ми дізналися, що чистий спосіб зробити це - помістити все, що ви збираєтеся намалювати пізніше, у блок, щоб він не відображався, і ми можемо на них посилатися пізніше (скажіть браузеру намалювати цю піктограму).
У цьому відео ми проведемо певний час, будуючи власний блок вручну. Це не особливо складно і, я думаю, веде додому, як все це працює.
Ми зробимо це з SVG, який ми знаходимо в різних місцях Інтернету. Ми беремо одну з The Noun Project, одну з IcoMoon та одну з Shutterstock. Ми старанно перевіряємо, відкриваючи SVG, виправляючи будь-які дивні фігури, стискаючи розмір полотна тощо. Тут немає обмежень, звідки може надходити ця векторна інформація. Ці три джерела лише для того, щоб показати вам, що SVG може надходити з будь-якого вектора.
Пізніше ми сподіваємось спростити цей процес, але розуміння гайок і принципів його роботи завжди корисно. Ви ніколи не знаєте, коли вам потрібно буде копати глибше (наприклад, щоб з’ясувати, чому щось не працює правильно).