Changing a SVG

GrahamBucknell
Tourist
9 0 1

Hi All i have managed to change an SVG using the inspection tool using some code below. I have changed it from the recycle symbol to the coffee bean. Any hep would be greatly apperated 

GrahamBucknell_1-1632151993543.png

 

GrahamBucknell_0-1632151884841.png

 

But I'm straggling to find the code in the theme 

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0H24V24H0z"></path><path d="M19.562 12.097l1.531 2.653c.967 1.674.393 3.815-1.28 4.781-.533.307-1.136.469-1.75.469H16v2.5L11 19l5-3.5V18h2.062c.263 0 .522-.07.75-.201.718-.414.963-1.332.55-2.049l-1.532-2.653 1.732-1zM7.304 9.134l.53 6.08-2.164-1.25-1.031 1.786c-.132.228-.201.487-.201.75 0 .828.671 1.5 1.5 1.5H9v2H5.938c-1.933 0-3.5-1.567-3.5-3.5 0-.614.162-1.218.469-1.75l1.03-1.787-2.164-1.249 5.53-2.58zm6.446-6.165c.532.307.974.749 1.281 1.281l1.03 1.785 2.166-1.25-.53 6.081-5.532-2.58 2.165-1.25-1.031-1.786c-.132-.228-.321-.417-.549-.549-.717-.414-1.635-.168-2.049.549L9.169 7.903l-1.732-1L8.97 4.25c.966-1.674 3.107-2.248 4.781-1.281z"></path></svg>

the below is the like for like replacement 

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 25.2.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 396.85 396.85" style="enable-background:new 0 0 396.85 396.85;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;}
.st1{fill:none;stroke:#000000;stroke-width:40;stroke-miterlimit:10;}
</style>
<g>
<path class="st0" d="M-728.82,196.45c-13.04,61.31-41.33,111.99-81.99,147.1c14.22,3.27,29.82,3.93,46.3,1.83
c19.52-2.49,39.14-8.67,58.32-18.39c20.19-10.23,38.91-23.9,55.65-40.64c16.74-16.74,30.41-35.46,40.64-55.65
c9.72-19.17,15.9-38.8,18.39-58.32c4.82-37.84-4.9-71.05-27.38-93.52c-8.47-8.47-18.46-15.12-29.65-19.87
C-687.8,89.15-715.98,136.06-728.82,196.45z"></path>
<path class="st0" d="M-757.18,190.41c12.15-57.15,37.56-105.05,73.88-139.73c-9.3-0.74-19.04-0.5-29.11,0.78
c-19.52,2.49-39.14,8.67-58.32,18.39c-20.19,10.23-38.91,23.9-55.65,40.64c-16.74,16.74-30.41,35.46-40.64,55.65
c-9.72,19.17-15.9,38.8-18.39,58.32c-4.82,37.84,4.9,71.05,27.38,93.52c4.96,4.96,10.45,9.3,16.4,13
C-800.19,300.98-770.47,252.92-757.18,190.41z"></path>
<path d="M-858.04,318c-22.47-22.47-32.2-55.69-27.38-93.52c2.49-19.52,8.67-39.14,18.39-58.32c10.23-20.19,23.9-38.91,40.64-55.65
c16.74-16.74,35.46-30.41,55.65-40.64c19.17-9.72,38.8-15.9,58.32-18.39c10.07-1.28,19.81-1.53,29.11-0.78
c4.42-4.21,8.98-8.25,13.72-12.06c5.29-4.26,10.76-8.23,16.37-11.93c-59.94-16.78-136.17,5.8-193.67,63.3
c-77.36,77.36-91.54,188.62-31.66,248.5c3.12,3.12,6.39,6.03,9.78,8.75c9.51-4.63,18.57-10.05,27.13-16.25
C-847.58,327.3-853.07,322.96-858.04,318z"></path>
<path d="M-598.38,58.34c-6.67-6.67-13.98-12.41-21.8-17.26c-9.99,5.08-19.46,11.05-28.35,17.89c11.19,4.75,21.18,11.41,29.65,19.87
c22.47,22.47,32.2,55.69,27.38,93.52c-2.49,19.52-8.67,39.14-18.39,58.32c-10.23,20.19-23.9,38.91-40.64,55.65
c-16.74,16.74-35.46,30.41-55.65,40.64c-19.17,9.72-38.8,15.9-58.32,18.39c-16.48,2.1-32.08,1.44-46.3-1.83
c-1.85,1.59-3.71,3.17-5.6,4.69c-7.45,6-15.23,11.44-23.32,16.32c61.85,26.22,146.93,5.06,209.69-57.71
C-552.67,229.48-538.5,118.22-598.38,58.34z"></path>
<path d="M-757.18,190.41c-13.29,62.5-43.01,110.56-84.46,140.58c9.25,5.76,19.61,9.96,30.83,12.54
c40.67-35.1,68.96-85.78,81.99-147.1c12.84-60.39,41.01-107.29,80.28-137.47c-10.61-4.5-22.29-7.29-34.77-8.29
C-719.63,85.36-745.03,133.27-757.18,190.41z"></path>
<path d="M-683.3,50.69c12.48,1,24.17,3.78,34.77,8.29c8.9-6.84,18.37-12.81,28.35-17.89c-10.21-6.33-21.31-11.11-33.03-14.39
c-5.62,3.7-11.08,7.67-16.37,11.93C-674.32,42.44-678.89,46.47-683.3,50.69z"></path>
<path d="M-810.81,343.54c-11.22-2.58-21.58-6.78-30.83-12.54c-8.56,6.2-17.61,11.62-27.13,16.25c8.88,7.13,18.62,12.89,29.03,17.31
c8.09-4.88,15.87-10.32,23.32-16.32C-814.51,346.71-812.65,345.13-810.81,343.54z"></path>
</g>
<g>
<polygon class="st0" points="242.98,30.29 242.98,21.28 242.98,21.28 242.97,30.29 "></polygon>
<path class="st0" d="M163.34,307.38c21.92-26.65,25.83-62.82,11.61-107.5c-16.46-45.69-9.38-89.8,20.51-127.61
c1.01-1.28,2.06-2.54,3.11-3.8c-6.12,1.92-12.23,4.21-18.27,6.87c-22.62,9.97-43.49,24.42-62.02,42.95
c-15.92,15.92-28.91,33.7-38.61,52.84c-9.15,18.05-14.96,36.47-17.29,54.74c-4.38,34.38,4.23,64.34,24.24,84.36
c13.71,13.71,30.08,20.33,45.12,23.27C144.06,326.38,154.81,317.75,163.34,307.38z"></path>
<path class="st0" d="M226.84,97.07c-21.22,26.84-25.98,56.97-14.15,89.53l0.25,0.73c9.48,29.63,12.51,57.22,9.01,82.03
c-3.11,22.03-11.34,41.94-24.45,59.27c6.38-1.97,12.75-4.34,19.05-7.12c22.62-9.97,43.49-24.42,62.02-42.95
c15.92-15.92,28.91-33.7,38.61-52.84c9.15-18.05,14.96-36.47,17.29-54.74c4.38-34.38-4.23-64.34-24.24-84.36
c-13.54-13.54-29.68-20.16-44.57-23.16C250.06,73.19,236.77,84.51,226.84,97.07z"></path>
<path d="M86.63,310.22c-20.01-20.01-28.62-49.97-24.24-84.36c2.33-18.27,8.15-36.69,17.29-54.74c9.7-19.15,22.69-36.93,38.61-52.84
c18.53-18.53,39.4-32.98,62.02-42.95c6.04-2.66,12.15-4.95,18.27-6.87c11.99-14.25,26.93-27.07,44.4-38.17l0-9.01
c0,0-0.01,0-0.01,0C191.72,21.28,135.1,44.91,90,90c-77.36,77.36-91.54,188.62-31.66,248.5c5.86,5.86,12.23,11.01,18.99,15.46
c19.8-4.57,38.42-11.24,54.41-20.48C116.71,330.55,100.33,323.93,86.63,310.22z"></path>
<polygon points="242.98,21.28 242.98,21.28 242.98,21.28 "></polygon>
<path d="M310.22,86.63c20.01,20.01,28.62,49.97,24.24,84.36c-2.33,18.27-8.15,36.69-17.29,54.74
c-9.7,19.15-22.69,36.93-38.61,52.84c-18.53,18.53-39.4,32.99-62.02,42.95c-6.3,2.78-12.67,5.15-19.05,7.12
c-1.06,1.4-2.14,2.79-3.26,4.15c-14.66,17.83-33.73,31.63-55.42,42.07c4.96,0.47,9.99,0.71,15.08,0.71
c51.24,0,107.86-23.63,152.96-68.72c77.36-77.36,91.54-188.62,31.66-248.5c-7-7-14.7-12.99-22.97-17.98
c-18.14,6.07-35.06,13.87-49.88,23.11C280.54,66.47,296.68,73.09,310.22,86.63z"></path>
<path d="M257.23,21.91c-4.7-0.42-9.45-0.63-14.26-0.63v9.01C247.56,27.38,252.31,24.58,257.23,21.91z"></path>
<path d="M242.96,61.28c-14.3,0-29.38,2.47-44.39,7.19c-1.06,1.26-2.1,2.52-3.11,3.8c-29.88,37.8-36.97,81.92-20.51,127.61
c14.22,44.68,10.31,80.85-11.61,107.5c-8.52,10.36-19.28,18.99-31.59,26.11c7.95,1.56,15.53,2.08,22.15,2.08
c14.05,0,28.85-2.38,43.61-6.94c13.11-17.33,21.34-37.24,24.45-59.27c3.5-24.8,0.47-52.4-9.01-82.03l-0.25-0.73
c-11.83-32.57-7.07-62.69,14.15-89.53c9.93-12.57,23.22-23.88,38.82-33.6c-8.15-1.64-15.92-2.19-22.68-2.19V30.29c0,0,0,0,0,0
L242.96,61.28z"></path>
<path d="M242.98,30.29v30.99c6.76,0,14.53,0.56,22.68,2.19c14.82-9.24,31.74-17.04,49.88-23.11
c-17.36-10.49-37.21-16.58-58.3-18.46C252.31,24.58,247.56,27.38,242.98,30.29z"></path>
<path d="M194.23,332.79c1.12-1.37,2.2-2.75,3.26-4.15c-14.76,4.56-29.56,6.94-43.61,6.94c-6.61,0-14.19-0.53-22.15-2.08
c-15.99,9.24-34.61,15.91-54.41,20.48c18.06,11.88,39.05,18.78,61.47,20.9C160.5,364.43,179.57,350.62,194.23,332.79z"></path>
<path d="M242.97,30.29c-17.47,11.11-32.41,23.93-44.4,38.17c15.02-4.72,30.09-7.19,44.39-7.19L242.97,30.29z"></path>
</g>
<g>
<path d="M1005.42,40.64c28.3,0,55.58,15.1,76.79,42.51c11.27,14.57,20.18,31.7,26.48,50.93c6.68,20.4,10.06,42.16,10.06,64.67
s-3.39,44.27-10.06,64.67c-6.3,19.23-15.2,36.37-26.48,50.93c-21.22,27.41-48.49,42.51-76.79,42.51c-28.3,0-55.58-15.1-76.79-42.51
c-11.27-14.57-20.18-31.7-26.48-50.93c-6.68-20.4-10.06-42.16-10.06-64.67s3.39-44.27,10.06-64.67
c6.3-19.23,15.2-36.37,26.48-50.93C949.85,55.74,977.12,40.64,1005.42,40.64 M1005.42,0.64c-84.68,0-153.33,88.69-153.33,198.1
s68.65,198.1,153.33,198.1s153.33-88.69,153.33-198.1S1090.11,0.64,1005.42,0.64L1005.42,0.64z"></path>
</g>
<path class="st1" d="M957.96,502.07c102.67-81.33,189.06-227.22,40.73-303.65c-116.74-54.53-61.94-222.32,40.73-303.65"></path>
</svg>
</svg>

 

 

0 Likes
AvidBrio
Shopify Expert
217 10 17

@GrahamBucknell   hi you can create new theme snippets and render that.  or you replace the origin code.

  1. Click Actions > Edit code.
    Fine that svg file name  it was inside For example -> theme/snippest/Instagram-svg.liquid  find the related your file and make the changes 
If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com
0 Likes
GrahamBucknell
Tourist
9 0 1

Thank you My main problem at the moment is finding the line of code to change. Do you have any tips for identifying the file name so I can change it?

0 Likes
AvidBrio
Shopify Expert
217 10 17

@GrahamBucknell   you can find the SVG icon relevant name into the snippets goto theme on and find inside the theme/snippest/ 

If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com
0 Likes