Cil Opentype Icon SVG
Cil Opentype
Cil opentype SVG Icon Code | Customize color
You can get svg icon cil opentype 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="M366.675,94.818a145.972,145.972,0,0,0-60.087-25.88,163.023,163.023,0,0,0-57.469-.117C208.125,75.986,168.68,98.5,138.051,132.2,107.3,166.046,87.266,209.3,81.642,254c-5.678,45.161,3.671,89.074,26.326,123.649,22.767,34.748,57.389,57.982,97.489,65.421a157.665,157.665,0,0,0,28.692,2.61,166.3,166.3,0,0,0,28.684-2.512c24.911-4.332,48.895-14.088,71.281-29,52.347-34.845,88.324-93.23,96.24-156.176,4.15-32.953.333-65.5-11.038-94.134C408.138,135.724,389.935,111.848,366.675,94.818ZM113.392,258c7.808-62.061,48.3-117.877,100.45-144.012a204.61,204.61,0,0,0-19.166,25.174c-20.723,31.884-35.883,72.466-42.685,114.273-6.841,42.054-4.837,83.062,5.643,115.468a140.759,140.759,0,0,0,11.1,25.7C128.277,368.021,106.033,316.532,113.392,258Zm227.3-4.566c-8.56,52.618-31.076,101.106-60.232,129.707-11.193,10.984-22.93,18.378-33.98,21.393a38.951,38.951,0,0,1-21.852.061c-15.612-4.774-28.59-20.946-36.543-45.538-8.946-27.663-10.546-63.35-4.5-100.485,6.1-37.516,19.575-73.73,37.93-101.97,17.192-26.451,37.167-43.9,56.241-49.133a43.3,43.3,0,0,1,11.417-1.6,35.562,35.562,0,0,1,10.467,1.541l.025.007c8.133,2.488,15.537,8.034,22.007,16.485C342.067,150.549,349.357,200.181,340.688,253.431Z" 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="M366.675,94.818a145.972,145.972,0,0,0-60.087-25.88,163.023,163.023,0,0,0-57.469-.117C208.125,75.986,168.68,98.5,138.051,132.2,107.3,166.046,87.266,209.3,81.642,254c-5.678,45.161,3.671,89.074,26.326,123.649,22.767,34.748,57.389,57.982,97.489,65.421a157.665,157.665,0,0,0,28.692,2.61,166.3,166.3,0,0,0,28.684-2.512c24.911-4.332,48.895-14.088,71.281-29,52.347-34.845,88.324-93.23,96.24-156.176,4.15-32.953.333-65.5-11.038-94.134C408.138,135.724,389.935,111.848,366.675,94.818ZM113.392,258c7.808-62.061,48.3-117.877,100.45-144.012a204.61,204.61,0,0,0-19.166,25.174c-20.723,31.884-35.883,72.466-42.685,114.273-6.841,42.054-4.837,83.062,5.643,115.468a140.759,140.759,0,0,0,11.1,25.7C128.277,368.021,106.033,316.532,113.392,258Zm227.3-4.566c-8.56,52.618-31.076,101.106-60.232,129.707-11.193,10.984-22.93,18.378-33.98,21.393a38.951,38.951,0,0,1-21.852.061c-15.612-4.774-28.59-20.946-36.543-45.538-8.946-27.663-10.546-63.35-4.5-100.485,6.1-37.516,19.575-73.73,37.93-101.97,17.192-26.451,37.167-43.9,56.241-49.133a43.3,43.3,0,0,1,11.417-1.6,35.562,35.562,0,0,1,10.467,1.541l.025.007c8.133,2.488,15.537,8.034,22.007,16.485C342.067,150.549,349.357,200.181,340.688,253.431Z" 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="M366.675,94.818a145.972,145.972,0,0,0-60.087-25.88,163.023,163.023,0,0,0-57.469-.117C208.125,75.986,168.68,98.5,138.051,132.2,107.3,166.046,87.266,209.3,81.642,254c-5.678,45.161,3.671,89.074,26.326,123.649,22.767,34.748,57.389,57.982,97.489,65.421a157.665,157.665,0,0,0,28.692,2.61,166.3,166.3,0,0,0,28.684-2.512c24.911-4.332,48.895-14.088,71.281-29,52.347-34.845,88.324-93.23,96.24-156.176,4.15-32.953.333-65.5-11.038-94.134C408.138,135.724,389.935,111.848,366.675,94.818ZM113.392,258c7.808-62.061,48.3-117.877,100.45-144.012a204.61,204.61,0,0,0-19.166,25.174c-20.723,31.884-35.883,72.466-42.685,114.273-6.841,42.054-4.837,83.062,5.643,115.468a140.759,140.759,0,0,0,11.1,25.7C128.277,368.021,106.033,316.532,113.392,258Zm227.3-4.566c-8.56,52.618-31.076,101.106-60.232,129.707-11.193,10.984-22.93,18.378-33.98,21.393a38.951,38.951,0,0,1-21.852.061c-15.612-4.774-28.59-20.946-36.543-45.538-8.946-27.663-10.546-63.35-4.5-100.485,6.1-37.516,19.575-73.73,37.93-101.97,17.192-26.451,37.167-43.9,56.241-49.133a43.3,43.3,0,0,1,11.417-1.6,35.562,35.562,0,0,1,10.467,1.541l.025.007c8.133,2.488,15.537,8.034,22.007,16.485C342.067,150.549,349.357,200.181,340.688,253.431Z" 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="M366.675,94.818a145.972,145.972,0,0,0-60.087-25.88,163.023,163.023,0,0,0-57.469-.117C208.125,75.986,168.68,98.5,138.051,132.2,107.3,166.046,87.266,209.3,81.642,254c-5.678,45.161,3.671,89.074,26.326,123.649,22.767,34.748,57.389,57.982,97.489,65.421a157.665,157.665,0,0,0,28.692,2.61,166.3,166.3,0,0,0,28.684-2.512c24.911-4.332,48.895-14.088,71.281-29,52.347-34.845,88.324-93.23,96.24-156.176,4.15-32.953.333-65.5-11.038-94.134C408.138,135.724,389.935,111.848,366.675,94.818ZM113.392,258c7.808-62.061,48.3-117.877,100.45-144.012a204.61,204.61,0,0,0-19.166,25.174c-20.723,31.884-35.883,72.466-42.685,114.273-6.841,42.054-4.837,83.062,5.643,115.468a140.759,140.759,0,0,0,11.1,25.7C128.277,368.021,106.033,316.532,113.392,258Zm227.3-4.566c-8.56,52.618-31.076,101.106-60.232,129.707-11.193,10.984-22.93,18.378-33.98,21.393a38.951,38.951,0,0,1-21.852.061c-15.612-4.774-28.59-20.946-36.543-45.538-8.946-27.663-10.546-63.35-4.5-100.485,6.1-37.516,19.575-73.73,37.93-101.97,17.192-26.451,37.167-43.9,56.241-49.133a43.3,43.3,0,0,1,11.417-1.6,35.562,35.562,0,0,1,10.467,1.541l.025.007c8.133,2.488,15.537,8.034,22.007,16.485C342.067,150.549,349.357,200.181,340.688,253.431Z" 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="M366.675,94.818a145.972,145.972,0,0,0-60.087-25.88,163.023,163.023,0,0,0-57.469-.117C208.125,75.986,168.68,98.5,138.051,132.2,107.3,166.046,87.266,209.3,81.642,254c-5.678,45.161,3.671,89.074,26.326,123.649,22.767,34.748,57.389,57.982,97.489,65.421a157.665,157.665,0,0,0,28.692,2.61,166.3,166.3,0,0,0,28.684-2.512c24.911-4.332,48.895-14.088,71.281-29,52.347-34.845,88.324-93.23,96.24-156.176,4.15-32.953.333-65.5-11.038-94.134C408.138,135.724,389.935,111.848,366.675,94.818ZM113.392,258c7.808-62.061,48.3-117.877,100.45-144.012a204.61,204.61,0,0,0-19.166,25.174c-20.723,31.884-35.883,72.466-42.685,114.273-6.841,42.054-4.837,83.062,5.643,115.468a140.759,140.759,0,0,0,11.1,25.7C128.277,368.021,106.033,316.532,113.392,258Zm227.3-4.566c-8.56,52.618-31.076,101.106-60.232,129.707-11.193,10.984-22.93,18.378-33.98,21.393a38.951,38.951,0,0,1-21.852.061c-15.612-4.774-28.59-20.946-36.543-45.538-8.946-27.663-10.546-63.35-4.5-100.485,6.1-37.516,19.575-73.73,37.93-101.97,17.192-26.451,37.167-43.9,56.241-49.133a43.3,43.3,0,0,1,11.417-1.6,35.562,35.562,0,0,1,10.467,1.541l.025.007c8.133,2.488,15.537,8.034,22.007,16.485C342.067,150.549,349.357,200.181,340.688,253.431Z" class="ci-primary"></path> </svg> Advance Editor
You can edit cil opentype as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements