Cil Sort Numeric Down Icon SVG
Cil Sort Numeric Down
Cil sort numeric down SVG Icon Code | Customize color
You can get svg icon cil sort numeric down 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"> <polygon fill="var(--ci-primary-color, currentColor)" points="151.196 16 151.196 433.568 99.313 381.687 76.687 404.313 167.196 494.823 257.706 404.313 235.079 381.686 183.196 433.568 183.196 16 151.196 16" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="432 200 392 200 392 56 360 56 360 88 328 88 328 120 360 120 360 200 320 200 320 232 432 232 432 200" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M355.2,432H336v32h19.2A76.887,76.887,0,0,0,432,387.2V335.6A55.663,55.663,0,0,0,376.4,280H372a55.663,55.663,0,0,0-55.6,55.6V340A55.663,55.663,0,0,0,372,395.6h4.4a55.262,55.262,0,0,0,23.474-5.215A44.849,44.849,0,0,1,355.2,432Zm21.2-68.4H372A23.627,23.627,0,0,1,348.4,340v-4.4A23.627,23.627,0,0,1,372,312h4.4A23.627,23.627,0,0,1,400,335.6V340A23.627,23.627,0,0,1,376.4,363.6Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="151.196 16 151.196 433.568 99.313 381.687 76.687 404.313 167.196 494.823 257.706 404.313 235.079 381.686 183.196 433.568 183.196 16 151.196 16" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="432 200 392 200 392 56 360 56 360 88 328 88 328 120 360 120 360 200 320 200 320 232 432 232 432 200" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M355.2,432H336v32h19.2A76.887,76.887,0,0,0,432,387.2V335.6A55.663,55.663,0,0,0,376.4,280H372a55.663,55.663,0,0,0-55.6,55.6V340A55.663,55.663,0,0,0,372,395.6h4.4a55.262,55.262,0,0,0,23.474-5.215A44.849,44.849,0,0,1,355.2,432Zm21.2-68.4H372A23.627,23.627,0,0,1,348.4,340v-4.4A23.627,23.627,0,0,1,372,312h4.4A23.627,23.627,0,0,1,400,335.6V340A23.627,23.627,0,0,1,376.4,363.6Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="151.196 16 151.196 433.568 99.313 381.687 76.687 404.313 167.196 494.823 257.706 404.313 235.079 381.686 183.196 433.568 183.196 16 151.196 16" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="432 200 392 200 392 56 360 56 360 88 328 88 328 120 360 120 360 200 320 200 320 232 432 232 432 200" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M355.2,432H336v32h19.2A76.887,76.887,0,0,0,432,387.2V335.6A55.663,55.663,0,0,0,376.4,280H372a55.663,55.663,0,0,0-55.6,55.6V340A55.663,55.663,0,0,0,372,395.6h4.4a55.262,55.262,0,0,0,23.474-5.215A44.849,44.849,0,0,1,355.2,432Zm21.2-68.4H372A23.627,23.627,0,0,1,348.4,340v-4.4A23.627,23.627,0,0,1,372,312h4.4A23.627,23.627,0,0,1,400,335.6V340A23.627,23.627,0,0,1,376.4,363.6Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="151.196 16 151.196 433.568 99.313 381.687 76.687 404.313 167.196 494.823 257.706 404.313 235.079 381.686 183.196 433.568 183.196 16 151.196 16" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="432 200 392 200 392 56 360 56 360 88 328 88 328 120 360 120 360 200 320 200 320 232 432 232 432 200" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M355.2,432H336v32h19.2A76.887,76.887,0,0,0,432,387.2V335.6A55.663,55.663,0,0,0,376.4,280H372a55.663,55.663,0,0,0-55.6,55.6V340A55.663,55.663,0,0,0,372,395.6h4.4a55.262,55.262,0,0,0,23.474-5.215A44.849,44.849,0,0,1,355.2,432Zm21.2-68.4H372A23.627,23.627,0,0,1,348.4,340v-4.4A23.627,23.627,0,0,1,372,312h4.4A23.627,23.627,0,0,1,400,335.6V340A23.627,23.627,0,0,1,376.4,363.6Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="151.196 16 151.196 433.568 99.313 381.687 76.687 404.313 167.196 494.823 257.706 404.313 235.079 381.686 183.196 433.568 183.196 16 151.196 16" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="432 200 392 200 392 56 360 56 360 88 328 88 328 120 360 120 360 200 320 200 320 232 432 232 432 200" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M355.2,432H336v32h19.2A76.887,76.887,0,0,0,432,387.2V335.6A55.663,55.663,0,0,0,376.4,280H372a55.663,55.663,0,0,0-55.6,55.6V340A55.663,55.663,0,0,0,372,395.6h4.4a55.262,55.262,0,0,0,23.474-5.215A44.849,44.849,0,0,1,355.2,432Zm21.2-68.4H372A23.627,23.627,0,0,1,348.4,340v-4.4A23.627,23.627,0,0,1,372,312h4.4A23.627,23.627,0,0,1,400,335.6V340A23.627,23.627,0,0,1,376.4,363.6Z" class="ci-primary"/> </svg> Advance Editor
You can edit cil sort numeric down as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements