Как скопировать стиль уника, svg иконку

Возможно вы когда-то хотели скопировать цвет уника как у вашего друга или другого человека
сегодня будет мини статья, как скопировать цвет ника, лычки и svg иконки.
(простите, если тема в статьях, не знаю в какой раздел это деть)​

Цвет уника

Сначала разберем, как получить цвет уника как у человека.
Заходим в профиль, я выбрал какой-то из тем профиль человека с уником :

Выделяем его ник (с пк) и нажимаем пкм : Исследовать код элемента, посмотреть код. названия могут быть разными
и появляется это, берем и копируем все до кавычек (все лишнее я зачеркнул)
как скопировать думаю знаете, если нет то ПКМ и
и получаем результат в виде

результат

color: #fff;text-shadow: 0 0 5px #2693ff, 0 0 5px #2693ff, 0 0 5px #2693ff, 0 0 5px #2693ff, 0 0 5px #FF1493, 0 0 4px #FF1493, 0 0 5px #FF1493, 0 0 5px #FF1493, 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 5px rgba(0,0,0,.15)

это вставляем в наш стиль ника.
(в конце будет результат всего скопированного)

Стиль лычки, цвет лычки

Теперь перейдем к лычке, тут тоже все просто, но теперь наводим курсором на лычку и нажимаем ПКМ и исследовать код элемента, посмотреть код ( у вас может быть по разному)

так-же как и в способе с цветом ника копируем наш результат

результат лычки

background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.00) 25% 50%, rgba(0, 0, 0, 0.05) 50% 75%, rgba(0, 0, 0, 0.00) 75% ), linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.00) 25% 50%, rgba(0, 0, 0, 0.05) 50% 75%, rgba(0, 0, 0, 0.00) 75% ), radial-gradient(circle farthest-corner at 11.7% 80.6%, rgba(249,50,255,1) 0%, rgba(190,172,255,1) 49.3%, rgba(98,203,255,1) 89%);

color: #fffff

и вставляем его в стиль лычки.

SVG Иконка

Осталась иконка SVG, ее вы выбрать можете сами из сайта, но если она понравилась как у человека, то делаем все тоже самое.
Но, нужно зайти в любую тему где человек отвечал и нажать на его ник

Наводим курсором на svg иконку и нажимаем ПКМ и также исследовать элемент, посмотреть код ( у вас может быть другой браузер )
так как у этого юзера нет svg иконки ( то есть дефолт сердечко, то я взял другого юзера)

! Нужно нажать редактировать как html только там где надпись <svg x="0px" и т.д

копируем и вставляем в иконка на аватаре

результат svg

<svg x="0px" y="0px" width="226.777px" height="226.777px" viewBox="0 0 226.777 226.777">

<g>

<polygon fill="#231F20" points="112.553,157 112.553,86.977 44.158,116.937 "></polygon>

<polygon fill="#231F20" points="112.553,82.163 112.553,-0.056 46.362,111.156 "></polygon>

<polygon fill="#231F20" points="116.962,-0.09 116.962,82.163 184.083,111.566 "></polygon>

<polygon fill="#231F20" points="116.962,86.977 116.962,157.002 185.405,116.957 "></polygon>

<polygon fill="#231F20" points="112.553,227.406 112.553,171.085 44.618,131.31 "></polygon>

<polygon fill="#231F20" points="116.962,227.406 184.897,131.31 116.962,171.085 "></polygon>

</g>

</svg>

Мини-итог статьи

В итоге мы получаем это -

​

Спасибо, что прочитали данную тему, не знаю есть ли подобные ( я не нашел ). думаю было полезно.
возможно кому-то понадобится (я не знаю честно...)​