Use svg icon for <hr> element in Brooklyn theme

[bmask3]

Hello! I'm looking to use an svg icon for the horizontal rule element in the Brooklyn theme. I'm a relative css novice and tried editing a few things to no avail. If anyone has an guidance on how to do something like this, I'd really appreciate the help. Thanks!

current <hr> in Brooklyn theme

svg icon I'd like to use as <hr>

[oscprofessional]

Hello Brandon,
Put this code at the bottom of theme->edit code-> assets -> theme.scss.liquid

hr {
	clear: both;
	border-width: 1px 0 0;
	margin: 30px 0;
	height: 16px;
	background-image: url("/c/image/serverpage/image-id/13885iE3FEFAF955B3DDF0/image-dimensions/2500?v=1.0&px=-1");
	background-position: -147px -91px;
	border: none !important;
	width: 103px !important;
}

Here use your SVG image URL in place of background-image:url(" ");

[bmask3]

That worked. Thanks for the help!