Cil Rain Icon SVG
Cil Rain
Cil rain SVG Icon Code | Customize color
You can get svg icon cil rain in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M398.2,137.208a144.013,144.013,0,0,0-284.545.979,122.364,122.364,0,0,0-64.357,32.926A109.4,109.4,0,0,0,16,249.619c0,31.119,12.789,60.762,36.01,83.469q2.84,2.776,5.845,5.347l11.327-33.981C56.091,289.3,48,270.017,48,249.619c0-42.362,35.724-78.015,81.329-81.168l14.055-.972.814-14.065a111.995,111.995,0,0,1,223.589-.22l.891,14.888,14.913.155c46.592.488,80.409,34.714,80.409,81.382,0,33.152-16.706,61.38-41.84,75.9L409.032,364.9a110.012,110.012,0,0,0,54.938-32.358C484.625,310.339,496,280.889,496,249.619,496,190.507,454.859,144.4,398.2,137.208Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="126.029 496 159.817 496 223.153 309.136 192.847 298.864 126.029 496" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="294.029 496 327.817 496 391.153 309.136 360.847 298.864 294.029 496" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="290.11 251.033 225.781 448 259.445 448 320.529 260.967 290.11 251.033" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="128.791 251.033 64.461 448 98.125 448 159.209 260.967 128.791 251.033" class="ci-primary"/> </svg> Svg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M398.2,137.208a144.013,144.013,0,0,0-284.545.979,122.364,122.364,0,0,0-64.357,32.926A109.4,109.4,0,0,0,16,249.619c0,31.119,12.789,60.762,36.01,83.469q2.84,2.776,5.845,5.347l11.327-33.981C56.091,289.3,48,270.017,48,249.619c0-42.362,35.724-78.015,81.329-81.168l14.055-.972.814-14.065a111.995,111.995,0,0,1,223.589-.22l.891,14.888,14.913.155c46.592.488,80.409,34.714,80.409,81.382,0,33.152-16.706,61.38-41.84,75.9L409.032,364.9a110.012,110.012,0,0,0,54.938-32.358C484.625,310.339,496,280.889,496,249.619,496,190.507,454.859,144.4,398.2,137.208Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="126.029 496 159.817 496 223.153 309.136 192.847 298.864 126.029 496" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="294.029 496 327.817 496 391.153 309.136 360.847 298.864 294.029 496" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="290.11 251.033 225.781 448 259.445 448 320.529 260.967 290.11 251.033" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="128.791 251.033 64.461 448 98.125 448 159.209 260.967 128.791 251.033" class="ci-primary"/> </svg> Svg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M398.2,137.208a144.013,144.013,0,0,0-284.545.979,122.364,122.364,0,0,0-64.357,32.926A109.4,109.4,0,0,0,16,249.619c0,31.119,12.789,60.762,36.01,83.469q2.84,2.776,5.845,5.347l11.327-33.981C56.091,289.3,48,270.017,48,249.619c0-42.362,35.724-78.015,81.329-81.168l14.055-.972.814-14.065a111.995,111.995,0,0,1,223.589-.22l.891,14.888,14.913.155c46.592.488,80.409,34.714,80.409,81.382,0,33.152-16.706,61.38-41.84,75.9L409.032,364.9a110.012,110.012,0,0,0,54.938-32.358C484.625,310.339,496,280.889,496,249.619,496,190.507,454.859,144.4,398.2,137.208Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="126.029 496 159.817 496 223.153 309.136 192.847 298.864 126.029 496" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="294.029 496 327.817 496 391.153 309.136 360.847 298.864 294.029 496" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="290.11 251.033 225.781 448 259.445 448 320.529 260.967 290.11 251.033" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="128.791 251.033 64.461 448 98.125 448 159.209 260.967 128.791 251.033" class="ci-primary"/> </svg> Svg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M398.2,137.208a144.013,144.013,0,0,0-284.545.979,122.364,122.364,0,0,0-64.357,32.926A109.4,109.4,0,0,0,16,249.619c0,31.119,12.789,60.762,36.01,83.469q2.84,2.776,5.845,5.347l11.327-33.981C56.091,289.3,48,270.017,48,249.619c0-42.362,35.724-78.015,81.329-81.168l14.055-.972.814-14.065a111.995,111.995,0,0,1,223.589-.22l.891,14.888,14.913.155c46.592.488,80.409,34.714,80.409,81.382,0,33.152-16.706,61.38-41.84,75.9L409.032,364.9a110.012,110.012,0,0,0,54.938-32.358C484.625,310.339,496,280.889,496,249.619,496,190.507,454.859,144.4,398.2,137.208Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="126.029 496 159.817 496 223.153 309.136 192.847 298.864 126.029 496" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="294.029 496 327.817 496 391.153 309.136 360.847 298.864 294.029 496" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="290.11 251.033 225.781 448 259.445 448 320.529 260.967 290.11 251.033" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="128.791 251.033 64.461 448 98.125 448 159.209 260.967 128.791 251.033" class="ci-primary"/> </svg> Svg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M398.2,137.208a144.013,144.013,0,0,0-284.545.979,122.364,122.364,0,0,0-64.357,32.926A109.4,109.4,0,0,0,16,249.619c0,31.119,12.789,60.762,36.01,83.469q2.84,2.776,5.845,5.347l11.327-33.981C56.091,289.3,48,270.017,48,249.619c0-42.362,35.724-78.015,81.329-81.168l14.055-.972.814-14.065a111.995,111.995,0,0,1,223.589-.22l.891,14.888,14.913.155c46.592.488,80.409,34.714,80.409,81.382,0,33.152-16.706,61.38-41.84,75.9L409.032,364.9a110.012,110.012,0,0,0,54.938-32.358C484.625,310.339,496,280.889,496,249.619,496,190.507,454.859,144.4,398.2,137.208Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="126.029 496 159.817 496 223.153 309.136 192.847 298.864 126.029 496" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="294.029 496 327.817 496 391.153 309.136 360.847 298.864 294.029 496" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="290.11 251.033 225.781 448 259.445 448 320.529 260.967 290.11 251.033" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="128.791 251.033 64.461 448 98.125 448 159.209 260.967 128.791 251.033" class="ci-primary"/> </svg> Advance Editor
You can edit cil rain as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements