ЛОГОТИП PHP SVG
Логотип PHP – это один из самых узнаваемых символов в сфере веб-разработки. Интересно, что мало кто знает, что логотип был создан Джошуа Дэвисом, который принял участие в конкурсе на создание нового логотипа для языка программирования PHP. Этот символ был выполнен в виде знака бесконечности, образованного буквами «P» и «hp», что символизирует бесконечное количество возможностей, которые предоставляет этот язык.
Изначально вебсайт PHP недостаточно хорошо отображался на экранах с высоким разрешением из-за размытия вертикальных и горизонтальных линий в логотипе. Поэтому логотип был переработан в SVG формат, который позволяет сохранять четкость линий независимо от разрешения экрана.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 224 224"> <path fill="#4F5B93" d="M0 112.1c0 33.3 13.3 63.1 34.9 85.1L112 224c.2 0 .5.1.7.1s.4-.1.7-.1l76.4-36.8c21.5-22 34.8-51.9 34.8-85.2 0-66.2-53.8-120-120-120S0 45.9 0 112.1z"/> <path fill="#fff" d="M49.4 146.8h-8.8V77.2h8.8v69.6zm-3-75.7c-8.8 0- 15.9-7.1-15.9-15.9 0-8.8 7.1-15.9 15.9-15.9 8.8 0 15.9 7.1 15.9 15.9 0 8.8-7.1 15.9-15.9 15.9zm59.4 75.7H96.9v-35.8c0-10.6-.2-24.2-14.7-24.2-14.8 0-17 11.6-17 23.6v36.4H56.9V77.2h8.7v15h.2c2.4-4.5 8.3-9.2 17-9.2 18.2 0 21.5 12 21.5 27.6v35.9zm72.5-9.8c-.3-7.9-5.3-16.5-14.9-16.5-7.8 0-12.4 5.3-14.4 10.4h-.2v-8.8h-7v53.5h6.6v-27.9c0-7 2.3-14 8.4-14 6.1 0 7.7 7.4 7.7 14.5v28.9h6.5v-32z"/></svg>Сегодня логотип PHP в SVG формате используется в большинстве современных браузеров и на многих сайтах, посвященных программированию. Однако некоторые разработчики до сих пор используют старый вариант логотипа с помощью PNG-изображений с плохим качеством, что в некоторых случаях оставляет желать лучшего визуального эффекта.
Векторная графика SVG. HTML уроки
4 способа добавить иконки на сайт из Figma - все плюсы и минусы
Как правильно вставлять SVG — HTML Шорты
How to use SVG Icons in CSS - Convert PNG Icons to SVG
Встраивание SVG логотипа на web-страницу. Добавление css и javascript.
Как скачать SVG с любого сайта и вставить в Figma. (Веб дизайн)
Форматы изображений в веб-разработке и виды графики сайта за 7 минут. + Создаем favicon.
#2. SVG для НАЧИНАЮЩИХ (Что такое SVG)
