Cil Shower Icon SVG
Cil Shower
Cil shower SVG Icon Code | Customize color
You can get svg icon cil shower 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"> <polygon fill="var(--ci-primary-color, currentColor)" points="240.801 293.826 216.95 317.677 240.75 365.277 264.167 340.559 240.801 293.826" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="255.978 395.732 278.277 440.332 301.695 415.613 279.395 371.014 255.978 395.732" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="438.926 202.62 415.8 227.032 460.223 248.278 483.35 223.866 438.926 202.62" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="342.603 192.024 385.464 212.523 408.591 188.112 366.599 168.028 342.603 192.024" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="307.785 341.046 336.308 379.077 358.633 355.512 330.11 317.481 307.785 341.046" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="310.633 291.512 281.697 252.93 258.84 275.787 288.308 315.077 310.633 291.512" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="300.743 233.884 337.426 263.231 359.511 239.918 323.51 211.117 300.743 233.884" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="362.501 283.291 399.222 312.668 421.307 289.355 384.586 259.979 362.501 283.291" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M348.687,100.687l-26.24,26.239-24.718-24.718a111.609,111.609,0,0,0-157.839,0c-.342.341-.673.689-1.009,1.034A77.974,77.974,0,0,0,16,166.988V408H48V166.988a45.975,45.975,0,0,1,72.048-37.868A111.809,111.809,0,0,0,139.89,260.049l24.717,24.717-23.92,23.921,20,20,208-208ZM185.006,259.911l-22.489-22.489A79.611,79.611,0,0,1,275.1,124.835l22.489,22.49Z" class="ci-primary"/> </svg> Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="240.801 293.826 216.95 317.677 240.75 365.277 264.167 340.559 240.801 293.826" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="255.978 395.732 278.277 440.332 301.695 415.613 279.395 371.014 255.978 395.732" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="438.926 202.62 415.8 227.032 460.223 248.278 483.35 223.866 438.926 202.62" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="342.603 192.024 385.464 212.523 408.591 188.112 366.599 168.028 342.603 192.024" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="307.785 341.046 336.308 379.077 358.633 355.512 330.11 317.481 307.785 341.046" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="310.633 291.512 281.697 252.93 258.84 275.787 288.308 315.077 310.633 291.512" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="300.743 233.884 337.426 263.231 359.511 239.918 323.51 211.117 300.743 233.884" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="362.501 283.291 399.222 312.668 421.307 289.355 384.586 259.979 362.501 283.291" class="ci-primary"></polygon> <path fill="white" d="M348.687,100.687l-26.24,26.239-24.718-24.718a111.609,111.609,0,0,0-157.839,0c-.342.341-.673.689-1.009,1.034A77.974,77.974,0,0,0,16,166.988V408H48V166.988a45.975,45.975,0,0,1,72.048-37.868A111.809,111.809,0,0,0,139.89,260.049l24.717,24.717-23.92,23.921,20,20,208-208ZM185.006,259.911l-22.489-22.489A79.611,79.611,0,0,1,275.1,124.835l22.489,22.49Z" class="ci-primary"></path> </svg> Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="240.801 293.826 216.95 317.677 240.75 365.277 264.167 340.559 240.801 293.826" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="255.978 395.732 278.277 440.332 301.695 415.613 279.395 371.014 255.978 395.732" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="438.926 202.62 415.8 227.032 460.223 248.278 483.35 223.866 438.926 202.62" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="342.603 192.024 385.464 212.523 408.591 188.112 366.599 168.028 342.603 192.024" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="307.785 341.046 336.308 379.077 358.633 355.512 330.11 317.481 307.785 341.046" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="310.633 291.512 281.697 252.93 258.84 275.787 288.308 315.077 310.633 291.512" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="300.743 233.884 337.426 263.231 359.511 239.918 323.51 211.117 300.743 233.884" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="362.501 283.291 399.222 312.668 421.307 289.355 384.586 259.979 362.501 283.291" class="ci-primary"></polygon> <path fill="red" d="M348.687,100.687l-26.24,26.239-24.718-24.718a111.609,111.609,0,0,0-157.839,0c-.342.341-.673.689-1.009,1.034A77.974,77.974,0,0,0,16,166.988V408H48V166.988a45.975,45.975,0,0,1,72.048-37.868A111.809,111.809,0,0,0,139.89,260.049l24.717,24.717-23.92,23.921,20,20,208-208ZM185.006,259.911l-22.489-22.489A79.611,79.611,0,0,1,275.1,124.835l22.489,22.49Z" class="ci-primary"></path> </svg> Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="240.801 293.826 216.95 317.677 240.75 365.277 264.167 340.559 240.801 293.826" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="255.978 395.732 278.277 440.332 301.695 415.613 279.395 371.014 255.978 395.732" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="438.926 202.62 415.8 227.032 460.223 248.278 483.35 223.866 438.926 202.62" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="342.603 192.024 385.464 212.523 408.591 188.112 366.599 168.028 342.603 192.024" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="307.785 341.046 336.308 379.077 358.633 355.512 330.11 317.481 307.785 341.046" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="310.633 291.512 281.697 252.93 258.84 275.787 288.308 315.077 310.633 291.512" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="300.743 233.884 337.426 263.231 359.511 239.918 323.51 211.117 300.743 233.884" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="362.501 283.291 399.222 312.668 421.307 289.355 384.586 259.979 362.501 283.291" class="ci-primary"></polygon> <path fill="blue" d="M348.687,100.687l-26.24,26.239-24.718-24.718a111.609,111.609,0,0,0-157.839,0c-.342.341-.673.689-1.009,1.034A77.974,77.974,0,0,0,16,166.988V408H48V166.988a45.975,45.975,0,0,1,72.048-37.868A111.809,111.809,0,0,0,139.89,260.049l24.717,24.717-23.92,23.921,20,20,208-208ZM185.006,259.911l-22.489-22.489A79.611,79.611,0,0,1,275.1,124.835l22.489,22.49Z" class="ci-primary"></path> </svg> Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="240.801 293.826 216.95 317.677 240.75 365.277 264.167 340.559 240.801 293.826" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="255.978 395.732 278.277 440.332 301.695 415.613 279.395 371.014 255.978 395.732" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="438.926 202.62 415.8 227.032 460.223 248.278 483.35 223.866 438.926 202.62" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="342.603 192.024 385.464 212.523 408.591 188.112 366.599 168.028 342.603 192.024" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="307.785 341.046 336.308 379.077 358.633 355.512 330.11 317.481 307.785 341.046" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="310.633 291.512 281.697 252.93 258.84 275.787 288.308 315.077 310.633 291.512" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="300.743 233.884 337.426 263.231 359.511 239.918 323.51 211.117 300.743 233.884" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="362.501 283.291 399.222 312.668 421.307 289.355 384.586 259.979 362.501 283.291" class="ci-primary"></polygon> <path fill="#f3da35" d="M348.687,100.687l-26.24,26.239-24.718-24.718a111.609,111.609,0,0,0-157.839,0c-.342.341-.673.689-1.009,1.034A77.974,77.974,0,0,0,16,166.988V408H48V166.988a45.975,45.975,0,0,1,72.048-37.868A111.809,111.809,0,0,0,139.89,260.049l24.717,24.717-23.92,23.921,20,20,208-208ZM185.006,259.911l-22.489-22.489A79.611,79.611,0,0,1,275.1,124.835l22.489,22.49Z" class="ci-primary"></path> </svg> Advance Editor
You can edit cil shower as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements