Cil Router Icon SVG
Cil Router
Cil router SVG Icon Code | Customize color
You can get svg icon cil router in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M443.057,132.943l22.634-22.634a143.764,143.764,0,0,0-211.382,0l22.634,22.634a111.838,111.838,0,0,1,166.114,0Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M299.615,155.615l22.7,22.7a47.913,47.913,0,0,1,75.362,0l22.7-22.7a79.829,79.829,0,0,0-120.77,0Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M472,280H376V216H344v64H40a24.028,24.028,0,0,0-24,24V416a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V304A24.028,24.028,0,0,0,472,280Zm-8,128H48V312H464Z" class="ci-primary"/> <rect width="32" height="32" x="96" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="176" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="256" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg>
Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="white" d="M443.057,132.943l22.634-22.634a143.764,143.764,0,0,0-211.382,0l22.634,22.634a111.838,111.838,0,0,1,166.114,0Z" class="ci-primary"></path> <path fill="white" d="M299.615,155.615l22.7,22.7a47.913,47.913,0,0,1,75.362,0l22.7-22.7a79.829,79.829,0,0,0-120.77,0Z" class="ci-primary"></path> <path fill="white" d="M472,280H376V216H344v64H40a24.028,24.028,0,0,0-24,24V416a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V304A24.028,24.028,0,0,0,472,280Zm-8,128H48V312H464Z" class="ci-primary"></path> <rect width="32" height="32" x="96" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="176" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="256" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg>
Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="red" d="M443.057,132.943l22.634-22.634a143.764,143.764,0,0,0-211.382,0l22.634,22.634a111.838,111.838,0,0,1,166.114,0Z" class="ci-primary"></path> <path fill="red" d="M299.615,155.615l22.7,22.7a47.913,47.913,0,0,1,75.362,0l22.7-22.7a79.829,79.829,0,0,0-120.77,0Z" class="ci-primary"></path> <path fill="red" d="M472,280H376V216H344v64H40a24.028,24.028,0,0,0-24,24V416a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V304A24.028,24.028,0,0,0,472,280Zm-8,128H48V312H464Z" class="ci-primary"></path> <rect width="32" height="32" x="96" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="176" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="256" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg>
Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="blue" d="M443.057,132.943l22.634-22.634a143.764,143.764,0,0,0-211.382,0l22.634,22.634a111.838,111.838,0,0,1,166.114,0Z" class="ci-primary"></path> <path fill="blue" d="M299.615,155.615l22.7,22.7a47.913,47.913,0,0,1,75.362,0l22.7-22.7a79.829,79.829,0,0,0-120.77,0Z" class="ci-primary"></path> <path fill="blue" d="M472,280H376V216H344v64H40a24.028,24.028,0,0,0-24,24V416a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V304A24.028,24.028,0,0,0,472,280Zm-8,128H48V312H464Z" class="ci-primary"></path> <rect width="32" height="32" x="96" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="176" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="256" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg>
Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="#f3da35" d="M443.057,132.943l22.634-22.634a143.764,143.764,0,0,0-211.382,0l22.634,22.634a111.838,111.838,0,0,1,166.114,0Z" class="ci-primary"></path> <path fill="#f3da35" d="M299.615,155.615l22.7,22.7a47.913,47.913,0,0,1,75.362,0l22.7-22.7a79.829,79.829,0,0,0-120.77,0Z" class="ci-primary"></path> <path fill="#f3da35" d="M472,280H376V216H344v64H40a24.028,24.028,0,0,0-24,24V416a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V304A24.028,24.028,0,0,0,472,280Zm-8,128H48V312H464Z" class="ci-primary"></path> <rect width="32" height="32" x="96" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="176" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="256" y="344" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg>
Advance Editor
You can edit cil router as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements