Как загрузить на сайт созданную иконку?

Question

[LastGeneral]

Создал иконку в формате .ico, хочу использовать её на сайте, как это можно реализовать?

Comments

[WStanley]

Надо положить ее на сервер и прописать к ней путь

[Ankhena]

LastGeneral,

Мне в блок нужно вставить иконку, я не нашел подходящую уже существующую иконку на всеми известных сервисах, поэтому создал нужную мне, как её загрузить на сайт? Возможно нужен другой формат. Мне нужно будет делать ей изменения цвета, так что нужна именно иконка, раньше такого не делал, и по этому спросил

чтобы менять цвет через css нужны картинки в формате svg.
Но боюсь, для вставки и управления svg придется начать изучать чуть раньше.
Начните отсюда https://htmlacademy.ru/courses это не долго, но ответит на все вопросы, которые у вас возникнут по ходу дела.

Простецкий пример https://jsfiddle.net/d4f0m7ty/

Если что, пишите.

Answer 1

[yavaskript]

<link rel="icon" src="images/my.ico">

Answer 2

[FeST1VaL]

Интересно, вы понимаете что такое изображение в формате .ico? это фавикон. Т.е она используется для отображения рядом с названием сайта в названии вкладки в браузере. (Логотип ютуба)

А что бы именно иконку (какая нить картинка ввиде телефончега) поставить, то может все же начнете с основ HTML и CSS ?

Comments

[LastGeneral]

Мне в блок нужно вставить иконку, я не нашел подходящую уже существующую иконку на всеми известных сервисах, поэтому создал нужную мне, как её загрузить на сайт? Возможно нужен другой формат. Мне нужно будет делать ей изменения цвета, так что нужна именно иконка, раньше такого не делал, и по этому спросил

[WapSter]

LastGeneral, svg

Answer 3

[Андрей]

Залей иконку в корень сайта

И в теге head

пропиши

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

Comments

[LastGeneral]

А как её потом добавить в блок?

[WStanley]

LastGeneral, https://htmlacademy.ru/courses/297/run/1

[LastGeneral]

overflow_hidden, Я и слова не писал об favicon

[LastGeneral]

Мне в блок нужна иконка

[LastGeneral]

Мне в блок нужно вставить иконку, я не нашел подходящую уже существующую иконку на всеми известных сервисах, поэтому создал нужную мне, как её загрузить на сайт? Возможно нужен другой формат. Мне нужно будет делать ей изменения цвета, так что нужна именно иконка, раньше такого не делал, и по этому спросил

[ThunderCat]

LastGeneral,

Я и слова не писал об favicon

Во-первых, формат .ico предназначен только для создания фавикона сайта (в приложении к веб), по этому не надо удивляться что вас поняли неверно.

Во-вторых - если бы вы просто вбили в поисковых системах ваш вопрос, то уже знали бы об этом.

Ну и как вам уже неоднократно сказали - для ваших целей подойдет svg или варианты шрифтовых наборов иконок. Если ничего не подходит, но очень надо - можно создать свой шрифт, но иконку все равно сначала нужно будет отрисовать в векторном формате.