Cil Aperture Icon SVG
Cil Aperture
Cil aperture SVG Icon Code | Customize color
You can get svg icon cil aperture 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="M256.684,16.736A239.3,239.3,0,0,0,87.475,425.245,239.3,239.3,0,0,0,425.894,86.825,237.736,237.736,0,0,0,256.684,16.736Zm-9.9,32.242L146.033,224.237,92.048,130.226A207.136,207.136,0,0,1,246.787,48.978Zm56.437,127.035,45.912,79.413-46.2,80.791h-92.6l-45.859-79.859,46.189-80.345ZM72.648,160.7,173.436,336.217H65.526A207.1,207.1,0,0,1,72.648,160.7Zm9.791,207.515h202.2l-53.494,93.542A207.584,207.584,0,0,1,82.439,368.217Zm184.818,94.849L367.668,287.48l54.168,93.692A207.167,207.167,0,0,1,267.257,463.066ZM441.125,350.6,340.187,176.013H447.908A207.133,207.133,0,0,1,441.125,350.6ZM229.063,144.013l53.825-93.627a207.609,207.609,0,0,1,148.147,93.627Z" 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="M256.684,16.736A239.3,239.3,0,0,0,87.475,425.245,239.3,239.3,0,0,0,425.894,86.825,237.736,237.736,0,0,0,256.684,16.736Zm-9.9,32.242L146.033,224.237,92.048,130.226A207.136,207.136,0,0,1,246.787,48.978Zm56.437,127.035,45.912,79.413-46.2,80.791h-92.6l-45.859-79.859,46.189-80.345ZM72.648,160.7,173.436,336.217H65.526A207.1,207.1,0,0,1,72.648,160.7Zm9.791,207.515h202.2l-53.494,93.542A207.584,207.584,0,0,1,82.439,368.217Zm184.818,94.849L367.668,287.48l54.168,93.692A207.167,207.167,0,0,1,267.257,463.066ZM441.125,350.6,340.187,176.013H447.908A207.133,207.133,0,0,1,441.125,350.6ZM229.063,144.013l53.825-93.627a207.609,207.609,0,0,1,148.147,93.627Z" class="ci-primary"></path> </svg>
Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="red" d="M256.684,16.736A239.3,239.3,0,0,0,87.475,425.245,239.3,239.3,0,0,0,425.894,86.825,237.736,237.736,0,0,0,256.684,16.736Zm-9.9,32.242L146.033,224.237,92.048,130.226A207.136,207.136,0,0,1,246.787,48.978Zm56.437,127.035,45.912,79.413-46.2,80.791h-92.6l-45.859-79.859,46.189-80.345ZM72.648,160.7,173.436,336.217H65.526A207.1,207.1,0,0,1,72.648,160.7Zm9.791,207.515h202.2l-53.494,93.542A207.584,207.584,0,0,1,82.439,368.217Zm184.818,94.849L367.668,287.48l54.168,93.692A207.167,207.167,0,0,1,267.257,463.066ZM441.125,350.6,340.187,176.013H447.908A207.133,207.133,0,0,1,441.125,350.6ZM229.063,144.013l53.825-93.627a207.609,207.609,0,0,1,148.147,93.627Z" class="ci-primary"></path> </svg>
Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="blue" d="M256.684,16.736A239.3,239.3,0,0,0,87.475,425.245,239.3,239.3,0,0,0,425.894,86.825,237.736,237.736,0,0,0,256.684,16.736Zm-9.9,32.242L146.033,224.237,92.048,130.226A207.136,207.136,0,0,1,246.787,48.978Zm56.437,127.035,45.912,79.413-46.2,80.791h-92.6l-45.859-79.859,46.189-80.345ZM72.648,160.7,173.436,336.217H65.526A207.1,207.1,0,0,1,72.648,160.7Zm9.791,207.515h202.2l-53.494,93.542A207.584,207.584,0,0,1,82.439,368.217Zm184.818,94.849L367.668,287.48l54.168,93.692A207.167,207.167,0,0,1,267.257,463.066ZM441.125,350.6,340.187,176.013H447.908A207.133,207.133,0,0,1,441.125,350.6ZM229.063,144.013l53.825-93.627a207.609,207.609,0,0,1,148.147,93.627Z" class="ci-primary"></path> </svg>
Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="#f3da35" d="M256.684,16.736A239.3,239.3,0,0,0,87.475,425.245,239.3,239.3,0,0,0,425.894,86.825,237.736,237.736,0,0,0,256.684,16.736Zm-9.9,32.242L146.033,224.237,92.048,130.226A207.136,207.136,0,0,1,246.787,48.978Zm56.437,127.035,45.912,79.413-46.2,80.791h-92.6l-45.859-79.859,46.189-80.345ZM72.648,160.7,173.436,336.217H65.526A207.1,207.1,0,0,1,72.648,160.7Zm9.791,207.515h202.2l-53.494,93.542A207.584,207.584,0,0,1,82.439,368.217Zm184.818,94.849L367.668,287.48l54.168,93.692A207.167,207.167,0,0,1,267.257,463.066ZM441.125,350.6,340.187,176.013H447.908A207.133,207.133,0,0,1,441.125,350.6ZM229.063,144.013l53.825-93.627a207.609,207.609,0,0,1,148.147,93.627Z" class="ci-primary"></path> </svg>
Advance Editor
You can edit cil aperture as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements