Crossing Icon SVG
Crossing
Crossing SVG Icon Code | Customize color
You can get svg icon crossing in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeCrossing
DownloadSvg Code
<svg role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-labelledby="crossingIconTitle"> <title id="crossingIconTitle">Crossing</title> <path d="M5.7149 20.3875L14.4522 9.49689C15.2114 8.5506 16.359 8 17.5722 8L21 8V8"/> <path d="M18 4L22 8L18 12"/> <path d="M3.00003 8.00001L6.42778 8.00001C7.64097 8.00001 8.78859 8.55061 9.54778 9.4969L18.2851 20.3875"/> <path d="M6 12L2 8L6 4"/> </svg> Crossing
DownloadSvg Code
<svg style='color: white' role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-labelledby="crossingIconTitle"> <title id="crossingIconTitle">Crossing</title> <path d="M5.7149 20.3875L14.4522 9.49689C15.2114 8.5506 16.359 8 17.5722 8L21 8V8"/> <path d="M18 4L22 8L18 12"/> <path d="M3.00003 8.00001L6.42778 8.00001C7.64097 8.00001 8.78859 8.55061 9.54778 9.4969L18.2851 20.3875"/> <path d="M6 12L2 8L6 4"/> </svg> Crossing
DownloadSvg Code
<svg style='color: red' role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-labelledby="crossingIconTitle"> <title id="crossingIconTitle">Crossing</title> <path d="M5.7149 20.3875L14.4522 9.49689C15.2114 8.5506 16.359 8 17.5722 8L21 8V8"/> <path d="M18 4L22 8L18 12"/> <path d="M3.00003 8.00001L6.42778 8.00001C7.64097 8.00001 8.78859 8.55061 9.54778 9.4969L18.2851 20.3875"/> <path d="M6 12L2 8L6 4"/> </svg> Crossing
DownloadSvg Code
<svg style='color: blue' role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-labelledby="crossingIconTitle"> <title id="crossingIconTitle">Crossing</title> <path d="M5.7149 20.3875L14.4522 9.49689C15.2114 8.5506 16.359 8 17.5722 8L21 8V8"/> <path d="M18 4L22 8L18 12"/> <path d="M3.00003 8.00001L6.42778 8.00001C7.64097 8.00001 8.78859 8.55061 9.54778 9.4969L18.2851 20.3875"/> <path d="M6 12L2 8L6 4"/> </svg> Crossing
DownloadSvg Code
<svg style='color: #f3da35' role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-labelledby="crossingIconTitle"> <title id="crossingIconTitle">Crossing</title> <path d="M5.7149 20.3875L14.4522 9.49689C15.2114 8.5506 16.359 8 17.5722 8L21 8V8"/> <path d="M18 4L22 8L18 12"/> <path d="M3.00003 8.00001L6.42778 8.00001C7.64097 8.00001 8.78859 8.55061 9.54778 9.4969L18.2851 20.3875"/> <path d="M6 12L2 8L6 4"/> </svg> Advance Editor
You can edit crossing as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements