Heading_h2 Icon SVG
Heading_h2
Heading_h2 SVG Icon Code | Customize color
You can get svg icon heading_h2 in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10 4V11H4V4H2V20H4V13H10V20H12V4H10Z" fill="black"/> <path d="M22 11.75C22 9.679 20.2091 8 18 8C15.7909 8 14 9.679 14 11.75H16.1333L16.1397 11.606C16.2176 10.707 17.0208 10 18 10C19.0304 10 19.8667 10.784 19.8667 11.75C19.8667 12.189 19.6939 12.591 19.408 12.898L14 18.444V20H22V18H17.5029L21.0187 14.21L21.1765 14.03C21.6928 13.398 22 12.607 22 11.75Z" fill="black"/> </svg> Svg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10 4V11H4V4H2V20H4V13H10V20H12V4H10Z" fill="white"></path> <path d="M22 11.75C22 9.679 20.2091 8 18 8C15.7909 8 14 9.679 14 11.75H16.1333L16.1397 11.606C16.2176 10.707 17.0208 10 18 10C19.0304 10 19.8667 10.784 19.8667 11.75C19.8667 12.189 19.6939 12.591 19.408 12.898L14 18.444V20H22V18H17.5029L21.0187 14.21L21.1765 14.03C21.6928 13.398 22 12.607 22 11.75Z" fill="white"></path> </svg> Svg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10 4V11H4V4H2V20H4V13H10V20H12V4H10Z" fill="red"></path> <path d="M22 11.75C22 9.679 20.2091 8 18 8C15.7909 8 14 9.679 14 11.75H16.1333L16.1397 11.606C16.2176 10.707 17.0208 10 18 10C19.0304 10 19.8667 10.784 19.8667 11.75C19.8667 12.189 19.6939 12.591 19.408 12.898L14 18.444V20H22V18H17.5029L21.0187 14.21L21.1765 14.03C21.6928 13.398 22 12.607 22 11.75Z" fill="red"></path> </svg> Svg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10 4V11H4V4H2V20H4V13H10V20H12V4H10Z" fill="blue"></path> <path d="M22 11.75C22 9.679 20.2091 8 18 8C15.7909 8 14 9.679 14 11.75H16.1333L16.1397 11.606C16.2176 10.707 17.0208 10 18 10C19.0304 10 19.8667 10.784 19.8667 11.75C19.8667 12.189 19.6939 12.591 19.408 12.898L14 18.444V20H22V18H17.5029L21.0187 14.21L21.1765 14.03C21.6928 13.398 22 12.607 22 11.75Z" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10 4V11H4V4H2V20H4V13H10V20H12V4H10Z" fill="#f3da35"></path> <path d="M22 11.75C22 9.679 20.2091 8 18 8C15.7909 8 14 9.679 14 11.75H16.1333L16.1397 11.606C16.2176 10.707 17.0208 10 18 10C19.0304 10 19.8667 10.784 19.8667 11.75C19.8667 12.189 19.6939 12.591 19.408 12.898L14 18.444V20H22V18H17.5029L21.0187 14.21L21.1765 14.03C21.6928 13.398 22 12.607 22 11.75Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit heading_h2 as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements