Cif Kn Icon SVG
Cif Kn
Cif kn SVG Icon Code | Customize color
You can get svg icon cif kn 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" xmlns:xlink="http://www.w3.org/1999/xlink" width="301" height="201" viewBox="0 0 301 201"> <defs> <path id="a" d="M.5.5h300v200H.5z"/> <path id="c" d="M.5.5h300v200H.5z"/> </defs> <g fill="none" fill-rule="evenodd"> <path fill="#009E49" fill-rule="nonzero" d="M300.5.5H.5v200"/> <path fill="#CE1126" fill-rule="nonzero" d="M.5 200.5h300V.5"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FCD116" stroke-width="80" d="M.5 200.5l300-200" mask="url(#b)"/> <mask id="d" fill="#fff"> <use xlink:href="#c"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#000" stroke-width="60" d="M.5 200.5l300-200" mask="url(#d)"/> <path fill="#FFF" fill-rule="nonzero" d="M180.544 70.072l20.326.82 5.501 19.585 7.062-19.078 20.326.82-15.962-12.611 7.061-19.079-16.927 11.284-15.963-12.61 5.502 19.585zM66.544 146.072l20.326.82 5.501 19.585 7.062-19.078 20.326.82-15.962-12.611 7.061-19.079-16.927 11.284-15.963-12.61 5.502 19.585z"/> </g> </svg> Svg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="301" height="201" viewBox="0 0 301 201"> <defs> <path id="a" d="M.5.5h300v200H.5z"/> <path id="c" d="M.5.5h300v200H.5z"/> </defs> <g fill="none" fill-rule="evenodd"> <path fill="#009E49" fill-rule="nonzero" d="M300.5.5H.5v200"/> <path fill="#CE1126" fill-rule="nonzero" d="M.5 200.5h300V.5"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FCD116" stroke-width="80" d="M.5 200.5l300-200" mask="url(#b)"/> <mask id="d" fill="#fff"> <use xlink:href="#c"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#000" stroke-width="60" d="M.5 200.5l300-200" mask="url(#d)"/> <path fill="#FFF" fill-rule="nonzero" d="M180.544 70.072l20.326.82 5.501 19.585 7.062-19.078 20.326.82-15.962-12.611 7.061-19.079-16.927 11.284-15.963-12.61 5.502 19.585zM66.544 146.072l20.326.82 5.501 19.585 7.062-19.078 20.326.82-15.962-12.611 7.061-19.079-16.927 11.284-15.963-12.61 5.502 19.585z"/> </g> </svg> Svg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="301" height="201" viewBox="0 0 301 201"> <defs> <path id="a" d="M.5.5h300v200H.5z"/> <path id="c" d="M.5.5h300v200H.5z"/> </defs> <g fill="none" fill-rule="evenodd"> <path fill="#009E49" fill-rule="nonzero" d="M300.5.5H.5v200"/> <path fill="#CE1126" fill-rule="nonzero" d="M.5 200.5h300V.5"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FCD116" stroke-width="80" d="M.5 200.5l300-200" mask="url(#b)"/> <mask id="d" fill="#fff"> <use xlink:href="#c"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#000" stroke-width="60" d="M.5 200.5l300-200" mask="url(#d)"/> <path fill="#FFF" fill-rule="nonzero" d="M180.544 70.072l20.326.82 5.501 19.585 7.062-19.078 20.326.82-15.962-12.611 7.061-19.079-16.927 11.284-15.963-12.61 5.502 19.585zM66.544 146.072l20.326.82 5.501 19.585 7.062-19.078 20.326.82-15.962-12.611 7.061-19.079-16.927 11.284-15.963-12.61 5.502 19.585z"/> </g> </svg> Svg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="301" height="201" viewBox="0 0 301 201"> <defs> <path id="a" d="M.5.5h300v200H.5z"/> <path id="c" d="M.5.5h300v200H.5z"/> </defs> <g fill="none" fill-rule="evenodd"> <path fill="#009E49" fill-rule="nonzero" d="M300.5.5H.5v200"/> <path fill="#CE1126" fill-rule="nonzero" d="M.5 200.5h300V.5"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FCD116" stroke-width="80" d="M.5 200.5l300-200" mask="url(#b)"/> <mask id="d" fill="#fff"> <use xlink:href="#c"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#000" stroke-width="60" d="M.5 200.5l300-200" mask="url(#d)"/> <path fill="#FFF" fill-rule="nonzero" d="M180.544 70.072l20.326.82 5.501 19.585 7.062-19.078 20.326.82-15.962-12.611 7.061-19.079-16.927 11.284-15.963-12.61 5.502 19.585zM66.544 146.072l20.326.82 5.501 19.585 7.062-19.078 20.326.82-15.962-12.611 7.061-19.079-16.927 11.284-15.963-12.61 5.502 19.585z"/> </g> </svg> Svg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="301" height="201" viewBox="0 0 301 201"> <defs> <path id="a" d="M.5.5h300v200H.5z"/> <path id="c" d="M.5.5h300v200H.5z"/> </defs> <g fill="none" fill-rule="evenodd"> <path fill="#009E49" fill-rule="nonzero" d="M300.5.5H.5v200"/> <path fill="#CE1126" fill-rule="nonzero" d="M.5 200.5h300V.5"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FCD116" stroke-width="80" d="M.5 200.5l300-200" mask="url(#b)"/> <mask id="d" fill="#fff"> <use xlink:href="#c"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#000" stroke-width="60" d="M.5 200.5l300-200" mask="url(#d)"/> <path fill="#FFF" fill-rule="nonzero" d="M180.544 70.072l20.326.82 5.501 19.585 7.062-19.078 20.326.82-15.962-12.611 7.061-19.079-16.927 11.284-15.963-12.61 5.502 19.585zM66.544 146.072l20.326.82 5.501 19.585 7.062-19.078 20.326.82-15.962-12.611 7.061-19.079-16.927 11.284-15.963-12.61 5.502 19.585z"/> </g> </svg> Advance Editor
You can edit cif kn as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements