Как я могу воспроизвести логотип TikTok в Fontawesome (с цветами)
Значок TikTok был добавлен в FontAwesome в прошлом году (.fab .fa-tiktok), но, конечно же, это плоский цвет. Я хочу стилизовать его в CSS, чтобы он соответствовал рекомендациям по брендингу TikTok. То есть светло-голубой и розовый цвета.
Я пытался создать решение с помощью фильтра: но он вырезает исходные (черные) буквы. Вот что у меня получилось:
3 ответа
Вы можете использовать режим смешивания и смешивания для умножения цветов. Проблема в том, что два официальных цвета (голубой и пурпурный) не складываются в черный, им нужен желтый компонент, которого нет. Поэтому я добавил немного желтого к пурпурному, приблизив его к красному, но общий результат почти идентичен официальному логотипу.
Ваш css даже не применяется должным образом, потому что .fa-tiktok не является дочерним элементом .fab, как его описывает ваш код.
В любом случае, добавьте две тени к содержимому .fa-tiktok с полем 2px (отрицательный для синего, положительный для красного).
проверьте это, я сделал 2 копии и расположил их разными цветами