Cil Speaker Icon SVG
Cil Speaker
Cil speaker SVG Icon Code | Customize color
You can get svg icon cil speaker 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="M384,16H128A32.036,32.036,0,0,0,96,48V464a32.036,32.036,0,0,0,32,32H384a32.036,32.036,0,0,0,32-32V48A32.036,32.036,0,0,0,384,16Zm0,448H128V48H384l.021,416Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M256,240a96,96,0,1,0,96,96A96.108,96.108,0,0,0,256,240Zm0,160a64,64,0,1,1,64-64A64.072,64.072,0,0,1,256,400Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M256,200a64,64,0,1,0-64-64A64.072,64.072,0,0,0,256,200Zm0-96a32,32,0,1,1-32,32A32.036,32.036,0,0,1,256,104Z" class="ci-primary"/> <rect width="32" height="32" x="240" y="320" 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="M384,16H128A32.036,32.036,0,0,0,96,48V464a32.036,32.036,0,0,0,32,32H384a32.036,32.036,0,0,0,32-32V48A32.036,32.036,0,0,0,384,16Zm0,448H128V48H384l.021,416Z" class="ci-primary"></path> <path fill="white" d="M256,240a96,96,0,1,0,96,96A96.108,96.108,0,0,0,256,240Zm0,160a64,64,0,1,1,64-64A64.072,64.072,0,0,1,256,400Z" class="ci-primary"></path> <path fill="white" d="M256,200a64,64,0,1,0-64-64A64.072,64.072,0,0,0,256,200Zm0-96a32,32,0,1,1-32,32A32.036,32.036,0,0,1,256,104Z" class="ci-primary"></path> <rect width="32" height="32" x="240" y="320" 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="M384,16H128A32.036,32.036,0,0,0,96,48V464a32.036,32.036,0,0,0,32,32H384a32.036,32.036,0,0,0,32-32V48A32.036,32.036,0,0,0,384,16Zm0,448H128V48H384l.021,416Z" class="ci-primary"></path> <path fill="red" d="M256,240a96,96,0,1,0,96,96A96.108,96.108,0,0,0,256,240Zm0,160a64,64,0,1,1,64-64A64.072,64.072,0,0,1,256,400Z" class="ci-primary"></path> <path fill="red" d="M256,200a64,64,0,1,0-64-64A64.072,64.072,0,0,0,256,200Zm0-96a32,32,0,1,1-32,32A32.036,32.036,0,0,1,256,104Z" class="ci-primary"></path> <rect width="32" height="32" x="240" y="320" 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="M384,16H128A32.036,32.036,0,0,0,96,48V464a32.036,32.036,0,0,0,32,32H384a32.036,32.036,0,0,0,32-32V48A32.036,32.036,0,0,0,384,16Zm0,448H128V48H384l.021,416Z" class="ci-primary"></path> <path fill="blue" d="M256,240a96,96,0,1,0,96,96A96.108,96.108,0,0,0,256,240Zm0,160a64,64,0,1,1,64-64A64.072,64.072,0,0,1,256,400Z" class="ci-primary"></path> <path fill="blue" d="M256,200a64,64,0,1,0-64-64A64.072,64.072,0,0,0,256,200Zm0-96a32,32,0,1,1-32,32A32.036,32.036,0,0,1,256,104Z" class="ci-primary"></path> <rect width="32" height="32" x="240" y="320" 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="M384,16H128A32.036,32.036,0,0,0,96,48V464a32.036,32.036,0,0,0,32,32H384a32.036,32.036,0,0,0,32-32V48A32.036,32.036,0,0,0,384,16Zm0,448H128V48H384l.021,416Z" class="ci-primary"></path> <path fill="#f3da35" d="M256,240a96,96,0,1,0,96,96A96.108,96.108,0,0,0,256,240Zm0,160a64,64,0,1,1,64-64A64.072,64.072,0,0,1,256,400Z" class="ci-primary"></path> <path fill="#f3da35" d="M256,200a64,64,0,1,0-64-64A64.072,64.072,0,0,0,256,200Zm0-96a32,32,0,1,1-32,32A32.036,32.036,0,0,1,256,104Z" class="ci-primary"></path> <rect width="32" height="32" x="240" y="320" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg> Advance Editor
You can edit cil speaker as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements