Как сделать иконку внутри шестигранной фигуры, чтобы при наведении шестигранник заливался цветом, а иконка меняла цвет с черного на белый? [закрыт]

#html #css #svg #hover #img

        
             
                
                    
                        
                            Закрыт. Данный вопрос необходимо конкретизировать. Ответы
на него в данный момент не принимаются.
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            Хотите улучшить этот вопрос? Переформулируйте вопрос,
чтобы он был сосредоточен только на одной проблеме, отредактировав его.
                        
                        Закрыт 11 месяцев назад.
                                                                                
           
                
        
Как сделать иконку внутри шестигранной фигуры, чтобы при наведении шестигранник заливался
цветом, а иконка меняла цвет с черного на белый?
    

Ответы

Ответ 1

Вот с использованием svg и fontawesome









PS: чтобы вставить fa иконку в svg обратный слэш необходимо заменить на &#x