Cil Headphones Icon SVG
Cil Headphones
Cil headphones SVG Icon Code | Customize color
You can get svg icon cil headphones 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="M448,216H400V184c0-79.4-64.6-144-144-144S112,104.6,112,184v32H64a48.055,48.055,0,0,0-48,48V392a48.055,48.055,0,0,0,48,48h48a32.036,32.036,0,0,0,32-32V184a112,112,0,0,1,224,0V408a32.036,32.036,0,0,0,32,32h48a48.055,48.055,0,0,0,48-48V264A48.055,48.055,0,0,0,448,216ZM112,408H64a16.019,16.019,0,0,1-16-16V264a16.019,16.019,0,0,1,16-16h48v56h.008l.012,104Zm352-16a16.019,16.019,0,0,1-16,16H400V248h48a16.019,16.019,0,0,1,16,16Z" 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="M448,216H400V184c0-79.4-64.6-144-144-144S112,104.6,112,184v32H64a48.055,48.055,0,0,0-48,48V392a48.055,48.055,0,0,0,48,48h48a32.036,32.036,0,0,0,32-32V184a112,112,0,0,1,224,0V408a32.036,32.036,0,0,0,32,32h48a48.055,48.055,0,0,0,48-48V264A48.055,48.055,0,0,0,448,216ZM112,408H64a16.019,16.019,0,0,1-16-16V264a16.019,16.019,0,0,1,16-16h48v56h.008l.012,104Zm352-16a16.019,16.019,0,0,1-16,16H400V248h48a16.019,16.019,0,0,1,16,16Z" 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="M448,216H400V184c0-79.4-64.6-144-144-144S112,104.6,112,184v32H64a48.055,48.055,0,0,0-48,48V392a48.055,48.055,0,0,0,48,48h48a32.036,32.036,0,0,0,32-32V184a112,112,0,0,1,224,0V408a32.036,32.036,0,0,0,32,32h48a48.055,48.055,0,0,0,48-48V264A48.055,48.055,0,0,0,448,216ZM112,408H64a16.019,16.019,0,0,1-16-16V264a16.019,16.019,0,0,1,16-16h48v56h.008l.012,104Zm352-16a16.019,16.019,0,0,1-16,16H400V248h48a16.019,16.019,0,0,1,16,16Z" 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="M448,216H400V184c0-79.4-64.6-144-144-144S112,104.6,112,184v32H64a48.055,48.055,0,0,0-48,48V392a48.055,48.055,0,0,0,48,48h48a32.036,32.036,0,0,0,32-32V184a112,112,0,0,1,224,0V408a32.036,32.036,0,0,0,32,32h48a48.055,48.055,0,0,0,48-48V264A48.055,48.055,0,0,0,448,216ZM112,408H64a16.019,16.019,0,0,1-16-16V264a16.019,16.019,0,0,1,16-16h48v56h.008l.012,104Zm352-16a16.019,16.019,0,0,1-16,16H400V248h48a16.019,16.019,0,0,1,16,16Z" 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="M448,216H400V184c0-79.4-64.6-144-144-144S112,104.6,112,184v32H64a48.055,48.055,0,0,0-48,48V392a48.055,48.055,0,0,0,48,48h48a32.036,32.036,0,0,0,32-32V184a112,112,0,0,1,224,0V408a32.036,32.036,0,0,0,32,32h48a48.055,48.055,0,0,0,48-48V264A48.055,48.055,0,0,0,448,216ZM112,408H64a16.019,16.019,0,0,1-16-16V264a16.019,16.019,0,0,1,16-16h48v56h.008l.012,104Zm352-16a16.019,16.019,0,0,1-16,16H400V248h48a16.019,16.019,0,0,1,16,16Z" class="ci-primary"></path> </svg> Advance Editor
You can edit cil headphones as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements