Chevrons Horizontal Icon SVG
Chevrons Horizontal
Chevrons horizontal SVG Icon Code | Customize color You can get svg icon chevrons horizontal in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Chevrons horizontal
Svg Code <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M8 9V7h2v2H8zm-2 2V9h2v2H6zm0 2H4v-2h2v2zm2 2v-2H6v2h2zm0 0h2v2H8v-2zm8-6V7h-2v2h2zm2 2V9h-2v2h2zm0 2v-2h2v2h-2zm-2 2v-2h2v2h-2zm0 0v2h-2v-2h2z" fill="currentColor" /> </svg>
Chevrons horizontal
Svg Code <svg style="color: white" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M8 9V7h2v2H8zm-2 2V9h2v2H6zm0 2H4v-2h2v2zm2 2v-2H6v2h2zm0 0h2v2H8v-2zm8-6V7h-2v2h2zm2 2V9h-2v2h2zm0 2v-2h2v2h-2zm-2 2v-2h2v2h-2zm0 0v2h-2v-2h2z" fill="white" ></path> </svg>
Chevrons horizontal
Svg Code <svg style="color: red" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M8 9V7h2v2H8zm-2 2V9h2v2H6zm0 2H4v-2h2v2zm2 2v-2H6v2h2zm0 0h2v2H8v-2zm8-6V7h-2v2h2zm2 2V9h-2v2h2zm0 2v-2h2v2h-2zm-2 2v-2h2v2h-2zm0 0v2h-2v-2h2z" fill="red" ></path> </svg>
Chevrons horizontal
Svg Code <svg style="color: blue" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M8 9V7h2v2H8zm-2 2V9h2v2H6zm0 2H4v-2h2v2zm2 2v-2H6v2h2zm0 0h2v2H8v-2zm8-6V7h-2v2h2zm2 2V9h-2v2h2zm0 2v-2h2v2h-2zm-2 2v-2h2v2h-2zm0 0v2h-2v-2h2z" fill="blue" ></path> </svg>
Chevrons horizontal
Svg Code <svg style="color: #f3da35" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M8 9V7h2v2H8zm-2 2V9h2v2H6zm0 2H4v-2h2v2zm2 2v-2H6v2h2zm0 0h2v2H8v-2zm8-6V7h-2v2h2zm2 2V9h-2v2h2zm0 2v-2h2v2h-2zm-2 2v-2h2v2h-2zm0 0v2h-2v-2h2z" fill="#f3da35" ></path> </svg>
Advance Editor You can edit chevrons horizontal as below. Change size color and background color of icon using below tool.
Fullscreen
tab 2 content
Tab 3 content
Customize