Symbol Ruler Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Symbol Ruler 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/307447.svg" alt="Symbol Ruler icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307447.svg" alt="Symbol Ruler icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307447.svg" alt="Symbol Ruler icon" :width="24" :height="24" />
CSS background
.icon-symbol-ruler {
background-image: url('https://proicons.com/icon/307447.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M10.9999 3.4997C10.9999 2.67127 10.3284 1.99969 9.49994 1.99969H6.49994C5.67151 1.99969 4.99994 2.67127 4.99994 3.49969V12.5003C4.99994 13.3287 5.67151 14.0003 6.49994 14.0003H9.49994C10.3284 14.0003 10.9999 13.3287 10.9999 12.5003L10.9999 3.4997ZM9.49994 2.99969C9.77608 2.9997 9.99994 3.22355 9.99994 3.4997L9.99994 12.5003C9.99994 12.7764 9.77608 13.0003 9.49994 13.0003H6.49994C6.2238 13.0003 5.99994 12.7764 5.99994 12.5003V11H7.49997C7.77611 11 7.99997 10.7761 7.99997 10.5C7.99997 10.2238 7.77611 9.99997 7.49997 9.99997H5.99997L5.99994 8.49997C5.99993 8.49997 5.99995 8.49997 5.99994 8.49997H7.99997C8.27611 8.49997 8.49997 8.27611 8.49997 7.99997C8.49997 7.72383 8.27611 7.49997 7.99997 7.49997H5.99997C5.99996 7.49997 5.99998 7.49997 5.99997 7.49997L5.99994 5.99997H7.49997C7.77611 5.99997 7.99997 5.77611 7.99997 5.49997C7.99997 5.22383 7.77611 4.99997 7.49997 4.99997H5.99997L5.99994 3.49969C5.99994 3.22355 6.2238 2.99969 6.49994 2.99969L9.49994 2.99969Z"/></svg>
Copied!