Cif Za Icon SVG
Cif Za
Cif za SVG Icon Code | Customize color
You can get svg icon cif za 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" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="200" viewBox="0 0 300 200"> <defs> <path id="a" d="M0 0h300v200H0z"/> <path id="c" d="M0 0l150 100L0 200"/> </defs> <g fill="none" fill-rule="evenodd"> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <g mask="url(#b)"> <path fill="#002395" fill-rule="nonzero" d="M0 0v200h300V0z"/> <path fill="#DE3831" fill-rule="nonzero" d="M0 0v100h300V0z"/> <path fill="#000" fill-rule="nonzero" stroke="#FFF" stroke-width="66.667" d="M0 0l150 100L0 200m146-100h154"/> <mask id="d" fill="#fff"> <use xlink:href="#c"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FFB612" stroke-width="60" d="M0 0l150 100L0 200" mask="url(#d)"/> <path stroke="#007A4D" stroke-width="40" d="M0 0l150 100L0 200m150-100h150"/> </g> </g> </svg> Svg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="200" viewBox="0 0 300 200"> <defs> <path id="a" d="M0 0h300v200H0z"/> <path id="c" d="M0 0l150 100L0 200"/> </defs> <g fill="none" fill-rule="evenodd"> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <g mask="url(#b)"> <path fill="#002395" fill-rule="nonzero" d="M0 0v200h300V0z"/> <path fill="#DE3831" fill-rule="nonzero" d="M0 0v100h300V0z"/> <path fill="#000" fill-rule="nonzero" stroke="#FFF" stroke-width="66.667" d="M0 0l150 100L0 200m146-100h154"/> <mask id="d" fill="#fff"> <use xlink:href="#c"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FFB612" stroke-width="60" d="M0 0l150 100L0 200" mask="url(#d)"/> <path stroke="#007A4D" stroke-width="40" d="M0 0l150 100L0 200m150-100h150"/> </g> </g> </svg> Svg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="200" viewBox="0 0 300 200"> <defs> <path id="a" d="M0 0h300v200H0z"/> <path id="c" d="M0 0l150 100L0 200"/> </defs> <g fill="none" fill-rule="evenodd"> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <g mask="url(#b)"> <path fill="#002395" fill-rule="nonzero" d="M0 0v200h300V0z"/> <path fill="#DE3831" fill-rule="nonzero" d="M0 0v100h300V0z"/> <path fill="#000" fill-rule="nonzero" stroke="#FFF" stroke-width="66.667" d="M0 0l150 100L0 200m146-100h154"/> <mask id="d" fill="#fff"> <use xlink:href="#c"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FFB612" stroke-width="60" d="M0 0l150 100L0 200" mask="url(#d)"/> <path stroke="#007A4D" stroke-width="40" d="M0 0l150 100L0 200m150-100h150"/> </g> </g> </svg> Svg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="200" viewBox="0 0 300 200"> <defs> <path id="a" d="M0 0h300v200H0z"/> <path id="c" d="M0 0l150 100L0 200"/> </defs> <g fill="none" fill-rule="evenodd"> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <g mask="url(#b)"> <path fill="#002395" fill-rule="nonzero" d="M0 0v200h300V0z"/> <path fill="#DE3831" fill-rule="nonzero" d="M0 0v100h300V0z"/> <path fill="#000" fill-rule="nonzero" stroke="#FFF" stroke-width="66.667" d="M0 0l150 100L0 200m146-100h154"/> <mask id="d" fill="#fff"> <use xlink:href="#c"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FFB612" stroke-width="60" d="M0 0l150 100L0 200" mask="url(#d)"/> <path stroke="#007A4D" stroke-width="40" d="M0 0l150 100L0 200m150-100h150"/> </g> </g> </svg> Svg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="200" viewBox="0 0 300 200"> <defs> <path id="a" d="M0 0h300v200H0z"/> <path id="c" d="M0 0l150 100L0 200"/> </defs> <g fill="none" fill-rule="evenodd"> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <g mask="url(#b)"> <path fill="#002395" fill-rule="nonzero" d="M0 0v200h300V0z"/> <path fill="#DE3831" fill-rule="nonzero" d="M0 0v100h300V0z"/> <path fill="#000" fill-rule="nonzero" stroke="#FFF" stroke-width="66.667" d="M0 0l150 100L0 200m146-100h154"/> <mask id="d" fill="#fff"> <use xlink:href="#c"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FFB612" stroke-width="60" d="M0 0l150 100L0 200" mask="url(#d)"/> <path stroke="#007A4D" stroke-width="40" d="M0 0l150 100L0 200m150-100h150"/> </g> </g> </svg> Advance Editor
You can edit cif za as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements
Looking For More Icons?