Добре питання містить в собі відповідь. Ось так і тут:
shtyegor написав:я використовував bootstrap але він не дуже умістний в мому проекті і хочу написати свою сітку, можете підказати з допомогою яких елементів пишуть щось подібне щоб я більш детально вивчив і реалізував.
Відкриваєте код bootstrap і дивитеся.
Ну і важко щось вам підказати, якщо ви не вказуєте, який код, за якими ознаками оптимізуєте і чим саме вас не влаштовує bootstrap.
shtyegor написав:Також я використовую іконочний шрифт, підкажіть чи можливо зробити невеликий шрифт з кількох іконок, чи все-ж прийдеться використовувати svg
Так, це можливо, якщо ви його використовуєте. Якби у вас не вийшло його використовувати, то був би шанс, що це неможливо, а так - без питань. Використання svg, png чи ще чогось - за бажанням, тут жодного примусу не існує.
shtyegor написав:І чи існує якийсь інструмент для автоматичного перепису з jQuery в js, чи прийдеться самому все перероблювати
Так, такий інструмент існує. Він складається з бібліотеки jQuery.js та вбудованого в браузер інтерпретатора JavaScript.
А Шевченка на українську мову перекладати не пробували? Чи записувати формулами основні тригонометричні тотожності?