Road Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Road icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/320631.svg" alt="Road icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320631.svg" alt="Road icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320631.svg" alt="Road icon" :width="24" :height="24" />
CSS background
.icon-road {
background-image: url('https://proicons.com/icon/320631.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 9.03 Build 55587) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="road_00000173147188195841642430000015360623490687763629_" d="M2,30.36v-0.72c15.241,0,27.64-12.398,27.64-27.64h0.721 C30.36,17.638,17.638,30.36,2,30.36z M2,20.36v-0.72c9.727,0,17.64-7.913,17.64-17.64h0.721C20.36,12.124,12.124,20.36,2,20.36z M2,25.36v-0.72c1.103,0,2.21-0.079,3.293-0.236l0.104,0.713C4.28,25.278,3.137,25.36,2,25.36z M9.441,24.158l-0.228-0.684 c1.271-0.424,2.513-0.967,3.691-1.613l0.347,0.631C12.034,23.16,10.752,23.72,9.441,24.158z M16.703,20.175l-0.453-0.561 c1.043-0.843,2.017-1.785,2.895-2.802l0.545,0.471C18.783,18.332,17.778,19.305,16.703,20.175z M22.118,13.907l-0.619-0.366 c0.684-1.157,1.267-2.38,1.732-3.638l0.676,0.25C23.426,11.451,22.824,12.714,22.118,13.907z M24.996,6.141l-0.709-0.126 C24.521,4.698,24.64,3.348,24.64,2h0.721C25.36,3.39,25.237,4.783,24.996,6.141z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
More from Carbon Icons
View all
Copied!