Cil Pizza Icon SVG
Cil Pizza
Cil pizza SVG Icon Code | Customize color
You can get svg icon cil pizza 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="M468.285,106.1c-73.4-48.951-142.775-73.181-212.079-74.076C186.026,31.159,116.8,52.721,44.54,98.055a31.842,31.842,0,0,0-10.572,43.3L228.554,472.874A31.724,31.724,0,0,0,256,488.676h.16a31.722,31.722,0,0,0,27.434-15.537L477.96,149.191A31.959,31.959,0,0,0,468.285,106.1Zm-17.764,26.624L256.151,456.676,61.547,125.162C127.108,84.028,189.454,64,252.007,64q1.893,0,3.787.024c62.934.812,126.633,23.285,194.737,68.7Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M223.576,231.487A27.731,27.731,0,1,0,201.069,263.6,27.731,27.731,0,0,0,223.576,231.487Z" class="ci-primary"/> <circle cx="307.735" cy="283.762" r="27.731" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-40.627 307.731 283.76)"/> <rect width="32.001" height="62.482" x="232" y="316.785" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-50.194 248.003 348.028)"/> <rect width="68.352" height="32" x="253.824" y="180.026" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-20.556 288.002 196.026)"/> <path fill="var(--ci-primary-color, currentColor)" d="M120.5,181.58c33.288-20.885,84.546-45.571,140.818-45.571q1.234,0,2.473.016c46.876.6,89.878,15,135.329,45.313l17.754-26.623c-50.825-33.893-99.337-50-152.671-50.688C199.151,103.222,140.915,131,103.5,154.473Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M468.285,106.1c-73.4-48.951-142.775-73.181-212.079-74.076C186.026,31.159,116.8,52.721,44.54,98.055a31.842,31.842,0,0,0-10.572,43.3L228.554,472.874A31.724,31.724,0,0,0,256,488.676h.16a31.722,31.722,0,0,0,27.434-15.537L477.96,149.191A31.959,31.959,0,0,0,468.285,106.1Zm-17.764,26.624L256.151,456.676,61.547,125.162C127.108,84.028,189.454,64,252.007,64q1.893,0,3.787.024c62.934.812,126.633,23.285,194.737,68.7Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M223.576,231.487A27.731,27.731,0,1,0,201.069,263.6,27.731,27.731,0,0,0,223.576,231.487Z" class="ci-primary"/> <circle cx="307.735" cy="283.762" r="27.731" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-40.627 307.731 283.76)"/> <rect width="32.001" height="62.482" x="232" y="316.785" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-50.194 248.003 348.028)"/> <rect width="68.352" height="32" x="253.824" y="180.026" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-20.556 288.002 196.026)"/> <path fill="var(--ci-primary-color, currentColor)" d="M120.5,181.58c33.288-20.885,84.546-45.571,140.818-45.571q1.234,0,2.473.016c46.876.6,89.878,15,135.329,45.313l17.754-26.623c-50.825-33.893-99.337-50-152.671-50.688C199.151,103.222,140.915,131,103.5,154.473Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M468.285,106.1c-73.4-48.951-142.775-73.181-212.079-74.076C186.026,31.159,116.8,52.721,44.54,98.055a31.842,31.842,0,0,0-10.572,43.3L228.554,472.874A31.724,31.724,0,0,0,256,488.676h.16a31.722,31.722,0,0,0,27.434-15.537L477.96,149.191A31.959,31.959,0,0,0,468.285,106.1Zm-17.764,26.624L256.151,456.676,61.547,125.162C127.108,84.028,189.454,64,252.007,64q1.893,0,3.787.024c62.934.812,126.633,23.285,194.737,68.7Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M223.576,231.487A27.731,27.731,0,1,0,201.069,263.6,27.731,27.731,0,0,0,223.576,231.487Z" class="ci-primary"/> <circle cx="307.735" cy="283.762" r="27.731" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-40.627 307.731 283.76)"/> <rect width="32.001" height="62.482" x="232" y="316.785" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-50.194 248.003 348.028)"/> <rect width="68.352" height="32" x="253.824" y="180.026" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-20.556 288.002 196.026)"/> <path fill="var(--ci-primary-color, currentColor)" d="M120.5,181.58c33.288-20.885,84.546-45.571,140.818-45.571q1.234,0,2.473.016c46.876.6,89.878,15,135.329,45.313l17.754-26.623c-50.825-33.893-99.337-50-152.671-50.688C199.151,103.222,140.915,131,103.5,154.473Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M468.285,106.1c-73.4-48.951-142.775-73.181-212.079-74.076C186.026,31.159,116.8,52.721,44.54,98.055a31.842,31.842,0,0,0-10.572,43.3L228.554,472.874A31.724,31.724,0,0,0,256,488.676h.16a31.722,31.722,0,0,0,27.434-15.537L477.96,149.191A31.959,31.959,0,0,0,468.285,106.1Zm-17.764,26.624L256.151,456.676,61.547,125.162C127.108,84.028,189.454,64,252.007,64q1.893,0,3.787.024c62.934.812,126.633,23.285,194.737,68.7Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M223.576,231.487A27.731,27.731,0,1,0,201.069,263.6,27.731,27.731,0,0,0,223.576,231.487Z" class="ci-primary"/> <circle cx="307.735" cy="283.762" r="27.731" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-40.627 307.731 283.76)"/> <rect width="32.001" height="62.482" x="232" y="316.785" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-50.194 248.003 348.028)"/> <rect width="68.352" height="32" x="253.824" y="180.026" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-20.556 288.002 196.026)"/> <path fill="var(--ci-primary-color, currentColor)" d="M120.5,181.58c33.288-20.885,84.546-45.571,140.818-45.571q1.234,0,2.473.016c46.876.6,89.878,15,135.329,45.313l17.754-26.623c-50.825-33.893-99.337-50-152.671-50.688C199.151,103.222,140.915,131,103.5,154.473Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M468.285,106.1c-73.4-48.951-142.775-73.181-212.079-74.076C186.026,31.159,116.8,52.721,44.54,98.055a31.842,31.842,0,0,0-10.572,43.3L228.554,472.874A31.724,31.724,0,0,0,256,488.676h.16a31.722,31.722,0,0,0,27.434-15.537L477.96,149.191A31.959,31.959,0,0,0,468.285,106.1Zm-17.764,26.624L256.151,456.676,61.547,125.162C127.108,84.028,189.454,64,252.007,64q1.893,0,3.787.024c62.934.812,126.633,23.285,194.737,68.7Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M223.576,231.487A27.731,27.731,0,1,0,201.069,263.6,27.731,27.731,0,0,0,223.576,231.487Z" class="ci-primary"/> <circle cx="307.735" cy="283.762" r="27.731" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-40.627 307.731 283.76)"/> <rect width="32.001" height="62.482" x="232" y="316.785" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-50.194 248.003 348.028)"/> <rect width="68.352" height="32" x="253.824" y="180.026" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-20.556 288.002 196.026)"/> <path fill="var(--ci-primary-color, currentColor)" d="M120.5,181.58c33.288-20.885,84.546-45.571,140.818-45.571q1.234,0,2.473.016c46.876.6,89.878,15,135.329,45.313l17.754-26.623c-50.825-33.893-99.337-50-152.671-50.688C199.151,103.222,140.915,131,103.5,154.473Z" class="ci-primary"/> </svg> Advance Editor
You can edit cil pizza as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements