Cil Sort Ascending Icon SVG
Cil Sort Ascending
Cil sort ascending SVG Icon Code | Customize color
You can get svg icon cil sort ascending 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="43.314 130.51 95.196 78.627 95.196 496.196 127.196 496.196 127.196 78.627 179.079 130.51 201.706 107.883 111.196 17.372 20.686 107.883 43.314 130.51" class="ci-primary"/> <rect width="120" height="32" x="184" y="160" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="184" height="32" x="184" y="232" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="248" height="32" x="184" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="312" height="32" x="184" y="376" fill="var(--ci-primary-color, currentColor)" 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="43.314 130.51 95.196 78.627 95.196 496.196 127.196 496.196 127.196 78.627 179.079 130.51 201.706 107.883 111.196 17.372 20.686 107.883 43.314 130.51" class="ci-primary"></polygon> <rect width="120" height="32" x="184" y="160" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="184" height="32" x="184" y="232" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="248" height="32" x="184" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="312" height="32" x="184" y="376" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </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="43.314 130.51 95.196 78.627 95.196 496.196 127.196 496.196 127.196 78.627 179.079 130.51 201.706 107.883 111.196 17.372 20.686 107.883 43.314 130.51" class="ci-primary"></polygon> <rect width="120" height="32" x="184" y="160" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="184" height="32" x="184" y="232" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="248" height="32" x="184" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="312" height="32" x="184" y="376" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </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="43.314 130.51 95.196 78.627 95.196 496.196 127.196 496.196 127.196 78.627 179.079 130.51 201.706 107.883 111.196 17.372 20.686 107.883 43.314 130.51" class="ci-primary"></polygon> <rect width="120" height="32" x="184" y="160" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="184" height="32" x="184" y="232" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="248" height="32" x="184" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="312" height="32" x="184" y="376" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </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="43.314 130.51 95.196 78.627 95.196 496.196 127.196 496.196 127.196 78.627 179.079 130.51 201.706 107.883 111.196 17.372 20.686 107.883 43.314 130.51" class="ci-primary"></polygon> <rect width="120" height="32" x="184" y="160" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="184" height="32" x="184" y="232" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="248" height="32" x="184" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="312" height="32" x="184" y="376" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg> Advance Editor
You can edit cil sort ascending as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements