Cif Bi Icon SVG
Cif Bi
Cif bi SVG Icon Code | Customize color
You can get svg icon cif bi 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="301" height="181" viewBox="0 0 301 181"> <defs> <path id="a" d="M.5.5h300v180H.5z"/> </defs> <g fill="none" fill-rule="evenodd"> <path fill="#CE1126" fill-rule="nonzero" d="M.5.5h300l-300 180h300z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M.5.5v180l300-180v180z"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FFF" stroke-width="22.5" d="M.5.5l300 180m0-180l-300 180" mask="url(#b)"/> <circle cx="150.5" cy="90.5" r="51" fill="#FFF" fill-rule="nonzero"/> <path fill="#1EB53A" fill-rule="nonzero" d="M140.108 58.1l3.464 6-3.464 6h6.928l3.464 6 3.464-6h6.928l-3.464-6 3.464-6h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M141.979 59.18l2.84 4.92-2.84 4.92h5.681l2.84 4.92 2.841-4.92h5.681l-2.841-4.92 2.841-4.92h-5.681l-2.841-4.92-2.84 4.92z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M117.233 97.475l3.464 6-3.464 6h6.928l3.464 6 3.464-6h6.928l-3.464-6 3.464-6h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M119.104 98.555l2.84 4.92-2.84 4.92h5.681l2.84 4.92 2.841-4.92h5.681l-2.841-4.92 2.841-4.92h-5.681l-2.841-4.92-2.84 4.92z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M163.184 97.731l3.464 6-3.464 6h6.929l3.464 6 3.464-6h6.928l-3.464-6.001 3.464-5.999h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M165.055 98.811l2.841 4.92-2.841 4.92h5.681l2.841 4.919 2.84-4.919h5.681l-2.84-4.92 2.84-4.92h-5.681l-2.84-4.92-2.841 4.919z"/> </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="181" viewBox="0 0 301 181"> <defs> <path id="a" d="M.5.5h300v180H.5z"/> </defs> <g fill="none" fill-rule="evenodd"> <path fill="#CE1126" fill-rule="nonzero" d="M.5.5h300l-300 180h300z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M.5.5v180l300-180v180z"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FFF" stroke-width="22.5" d="M.5.5l300 180m0-180l-300 180" mask="url(#b)"/> <circle cx="150.5" cy="90.5" r="51" fill="#FFF" fill-rule="nonzero"/> <path fill="#1EB53A" fill-rule="nonzero" d="M140.108 58.1l3.464 6-3.464 6h6.928l3.464 6 3.464-6h6.928l-3.464-6 3.464-6h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M141.979 59.18l2.84 4.92-2.84 4.92h5.681l2.84 4.92 2.841-4.92h5.681l-2.841-4.92 2.841-4.92h-5.681l-2.841-4.92-2.84 4.92z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M117.233 97.475l3.464 6-3.464 6h6.928l3.464 6 3.464-6h6.928l-3.464-6 3.464-6h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M119.104 98.555l2.84 4.92-2.84 4.92h5.681l2.84 4.92 2.841-4.92h5.681l-2.841-4.92 2.841-4.92h-5.681l-2.841-4.92-2.84 4.92z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M163.184 97.731l3.464 6-3.464 6h6.929l3.464 6 3.464-6h6.928l-3.464-6.001 3.464-5.999h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M165.055 98.811l2.841 4.92-2.841 4.92h5.681l2.841 4.919 2.84-4.919h5.681l-2.84-4.92 2.84-4.92h-5.681l-2.84-4.92-2.841 4.919z"/> </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="181" viewBox="0 0 301 181"> <defs> <path id="a" d="M.5.5h300v180H.5z"/> </defs> <g fill="none" fill-rule="evenodd"> <path fill="#CE1126" fill-rule="nonzero" d="M.5.5h300l-300 180h300z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M.5.5v180l300-180v180z"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FFF" stroke-width="22.5" d="M.5.5l300 180m0-180l-300 180" mask="url(#b)"/> <circle cx="150.5" cy="90.5" r="51" fill="#FFF" fill-rule="nonzero"/> <path fill="#1EB53A" fill-rule="nonzero" d="M140.108 58.1l3.464 6-3.464 6h6.928l3.464 6 3.464-6h6.928l-3.464-6 3.464-6h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M141.979 59.18l2.84 4.92-2.84 4.92h5.681l2.84 4.92 2.841-4.92h5.681l-2.841-4.92 2.841-4.92h-5.681l-2.841-4.92-2.84 4.92z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M117.233 97.475l3.464 6-3.464 6h6.928l3.464 6 3.464-6h6.928l-3.464-6 3.464-6h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M119.104 98.555l2.84 4.92-2.84 4.92h5.681l2.84 4.92 2.841-4.92h5.681l-2.841-4.92 2.841-4.92h-5.681l-2.841-4.92-2.84 4.92z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M163.184 97.731l3.464 6-3.464 6h6.929l3.464 6 3.464-6h6.928l-3.464-6.001 3.464-5.999h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M165.055 98.811l2.841 4.92-2.841 4.92h5.681l2.841 4.919 2.84-4.919h5.681l-2.84-4.92 2.84-4.92h-5.681l-2.84-4.92-2.841 4.919z"/> </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="181" viewBox="0 0 301 181"> <defs> <path id="a" d="M.5.5h300v180H.5z"/> </defs> <g fill="none" fill-rule="evenodd"> <path fill="#CE1126" fill-rule="nonzero" d="M.5.5h300l-300 180h300z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M.5.5v180l300-180v180z"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FFF" stroke-width="22.5" d="M.5.5l300 180m0-180l-300 180" mask="url(#b)"/> <circle cx="150.5" cy="90.5" r="51" fill="#FFF" fill-rule="nonzero"/> <path fill="#1EB53A" fill-rule="nonzero" d="M140.108 58.1l3.464 6-3.464 6h6.928l3.464 6 3.464-6h6.928l-3.464-6 3.464-6h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M141.979 59.18l2.84 4.92-2.84 4.92h5.681l2.84 4.92 2.841-4.92h5.681l-2.841-4.92 2.841-4.92h-5.681l-2.841-4.92-2.84 4.92z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M117.233 97.475l3.464 6-3.464 6h6.928l3.464 6 3.464-6h6.928l-3.464-6 3.464-6h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M119.104 98.555l2.84 4.92-2.84 4.92h5.681l2.84 4.92 2.841-4.92h5.681l-2.841-4.92 2.841-4.92h-5.681l-2.841-4.92-2.84 4.92z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M163.184 97.731l3.464 6-3.464 6h6.929l3.464 6 3.464-6h6.928l-3.464-6.001 3.464-5.999h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M165.055 98.811l2.841 4.92-2.841 4.92h5.681l2.841 4.919 2.84-4.919h5.681l-2.84-4.92 2.84-4.92h-5.681l-2.84-4.92-2.841 4.919z"/> </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="181" viewBox="0 0 301 181"> <defs> <path id="a" d="M.5.5h300v180H.5z"/> </defs> <g fill="none" fill-rule="evenodd"> <path fill="#CE1126" fill-rule="nonzero" d="M.5.5h300l-300 180h300z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M.5.5v180l300-180v180z"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <path fill="#000" fill-rule="nonzero" stroke="#FFF" stroke-width="22.5" d="M.5.5l300 180m0-180l-300 180" mask="url(#b)"/> <circle cx="150.5" cy="90.5" r="51" fill="#FFF" fill-rule="nonzero"/> <path fill="#1EB53A" fill-rule="nonzero" d="M140.108 58.1l3.464 6-3.464 6h6.928l3.464 6 3.464-6h6.928l-3.464-6 3.464-6h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M141.979 59.18l2.84 4.92-2.84 4.92h5.681l2.84 4.92 2.841-4.92h5.681l-2.841-4.92 2.841-4.92h-5.681l-2.841-4.92-2.84 4.92z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M117.233 97.475l3.464 6-3.464 6h6.928l3.464 6 3.464-6h6.928l-3.464-6 3.464-6h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M119.104 98.555l2.84 4.92-2.84 4.92h5.681l2.84 4.92 2.841-4.92h5.681l-2.841-4.92 2.841-4.92h-5.681l-2.841-4.92-2.84 4.92z"/> <path fill="#1EB53A" fill-rule="nonzero" d="M163.184 97.731l3.464 6-3.464 6h6.929l3.464 6 3.464-6h6.928l-3.464-6.001 3.464-5.999h-6.928l-3.464-6-3.464 6z"/> <path fill="#CE1126" fill-rule="nonzero" d="M165.055 98.811l2.841 4.92-2.841 4.92h5.681l2.841 4.919 2.84-4.919h5.681l-2.84-4.92 2.84-4.92h-5.681l-2.84-4.92-2.841 4.919z"/> </g> </svg> Advance Editor
You can edit cif bi as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements