Cib Jsfiddle Icon SVG
Cib Jsfiddle
Cib jsfiddle SVG Icon Code | Customize color
You can get svg icon cib jsfiddle 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" width="32" height="32" viewBox="0 0 32 32"> <path d="M28.104 15c0.016-0.188 0.027-0.369 0.027-0.557 0-5.177-4.256-9.375-9.511-9.375-3.651-0.016-6.989 2.063-8.589 5.344-0.765-0.589-1.708-0.907-2.676-0.907-2.428 0-4.391 1.932-4.391 4.317 0 0.453 0.067 0.885 0.197 1.292-1.953 1.125-3.156 3.203-3.161 5.459 0 3.468 2.833 6.287 6.344 6.339h19c0.12 0 0.24 0.020 0.359 0.020 3.48 0 6.303-2.776 6.303-6.219-0.021-2.511-1.547-4.771-3.88-5.713zM8.588 22.136c-0.64-0.579-1.041-1.276-1.197-2.105-0.057-0.291-0.084-0.577-0.084-0.869 0-1.183 0.433-2.151 1.292-2.916 0.86-0.772 1.948-1.157 3.271-1.157 1.36 0 2.641 0.511 3.776 1.532 0.281 0.249 0.557 0.536 0.819 0.853l1.453 1.715c0.255 0.343 0.52 0.635 0.801 0.891 0.751 0.671 1.563 1.009 2.251 1.009 0.583 0 1.067-0.181 1.457-0.536 0.328-0.307 0.537-0.719 0.579-1.167l0.011-0.197c0-0.188-0.032-0.376-0.089-0.552-0.301-0.829-1.099-1.365-1.973-1.339-0.724 0-1.443 0.244-2.235 1.009l-1.287-1.52-0.14-0.172c1.14-1.104 2.26-1.521 3.781-1.521 1.339 0 2.437 0.38 3.249 1.141l0.027 0.020c0.859 0.761 1.276 1.74 1.276 2.943 0 0.281-0.021 0.584-0.079 0.839-0.161 0.824-0.563 1.5-1.183 2.084-0.635 0.577-1.427 0.953-2.276 1.077-0.301 0.043-0.599 0.057-0.943 0.057-1.375 0-2.676-0.5-3.776-1.495-0.307-0.287-0.599-0.593-0.859-0.921l-1.459-1.699c-0.229-0.328-0.484-0.629-0.781-0.9-0.74-0.677-1.557-1-2.276-1-0.208 0-0.416 0.031-0.62 0.083-0.312 0.079-0.604 0.24-0.839 0.459-0.375 0.349-0.583 0.833-0.583 1.344 0 0.515 0.183 0.957 0.563 1.312l0.020 0.027c0.401 0.359 0.901 0.536 1.48 0.536 0.739 0 1.457-0.26 2.235-1.021l1.28 1.5 0.141 0.161c-1.161 1.12-2.276 1.537-3.74 1.537-1.339 0-2.437-0.38-3.276-1.141z"/> </svg>
Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <path d="M28.104 15c0.016-0.188 0.027-0.369 0.027-0.557 0-5.177-4.256-9.375-9.511-9.375-3.651-0.016-6.989 2.063-8.589 5.344-0.765-0.589-1.708-0.907-2.676-0.907-2.428 0-4.391 1.932-4.391 4.317 0 0.453 0.067 0.885 0.197 1.292-1.953 1.125-3.156 3.203-3.161 5.459 0 3.468 2.833 6.287 6.344 6.339h19c0.12 0 0.24 0.020 0.359 0.020 3.48 0 6.303-2.776 6.303-6.219-0.021-2.511-1.547-4.771-3.88-5.713zM8.588 22.136c-0.64-0.579-1.041-1.276-1.197-2.105-0.057-0.291-0.084-0.577-0.084-0.869 0-1.183 0.433-2.151 1.292-2.916 0.86-0.772 1.948-1.157 3.271-1.157 1.36 0 2.641 0.511 3.776 1.532 0.281 0.249 0.557 0.536 0.819 0.853l1.453 1.715c0.255 0.343 0.52 0.635 0.801 0.891 0.751 0.671 1.563 1.009 2.251 1.009 0.583 0 1.067-0.181 1.457-0.536 0.328-0.307 0.537-0.719 0.579-1.167l0.011-0.197c0-0.188-0.032-0.376-0.089-0.552-0.301-0.829-1.099-1.365-1.973-1.339-0.724 0-1.443 0.244-2.235 1.009l-1.287-1.52-0.14-0.172c1.14-1.104 2.26-1.521 3.781-1.521 1.339 0 2.437 0.38 3.249 1.141l0.027 0.020c0.859 0.761 1.276 1.74 1.276 2.943 0 0.281-0.021 0.584-0.079 0.839-0.161 0.824-0.563 1.5-1.183 2.084-0.635 0.577-1.427 0.953-2.276 1.077-0.301 0.043-0.599 0.057-0.943 0.057-1.375 0-2.676-0.5-3.776-1.495-0.307-0.287-0.599-0.593-0.859-0.921l-1.459-1.699c-0.229-0.328-0.484-0.629-0.781-0.9-0.74-0.677-1.557-1-2.276-1-0.208 0-0.416 0.031-0.62 0.083-0.312 0.079-0.604 0.24-0.839 0.459-0.375 0.349-0.583 0.833-0.583 1.344 0 0.515 0.183 0.957 0.563 1.312l0.020 0.027c0.401 0.359 0.901 0.536 1.48 0.536 0.739 0 1.457-0.26 2.235-1.021l1.28 1.5 0.141 0.161c-1.161 1.12-2.276 1.537-3.74 1.537-1.339 0-2.437-0.38-3.276-1.141z" fill="white"></path> </svg>
Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <path d="M28.104 15c0.016-0.188 0.027-0.369 0.027-0.557 0-5.177-4.256-9.375-9.511-9.375-3.651-0.016-6.989 2.063-8.589 5.344-0.765-0.589-1.708-0.907-2.676-0.907-2.428 0-4.391 1.932-4.391 4.317 0 0.453 0.067 0.885 0.197 1.292-1.953 1.125-3.156 3.203-3.161 5.459 0 3.468 2.833 6.287 6.344 6.339h19c0.12 0 0.24 0.020 0.359 0.020 3.48 0 6.303-2.776 6.303-6.219-0.021-2.511-1.547-4.771-3.88-5.713zM8.588 22.136c-0.64-0.579-1.041-1.276-1.197-2.105-0.057-0.291-0.084-0.577-0.084-0.869 0-1.183 0.433-2.151 1.292-2.916 0.86-0.772 1.948-1.157 3.271-1.157 1.36 0 2.641 0.511 3.776 1.532 0.281 0.249 0.557 0.536 0.819 0.853l1.453 1.715c0.255 0.343 0.52 0.635 0.801 0.891 0.751 0.671 1.563 1.009 2.251 1.009 0.583 0 1.067-0.181 1.457-0.536 0.328-0.307 0.537-0.719 0.579-1.167l0.011-0.197c0-0.188-0.032-0.376-0.089-0.552-0.301-0.829-1.099-1.365-1.973-1.339-0.724 0-1.443 0.244-2.235 1.009l-1.287-1.52-0.14-0.172c1.14-1.104 2.26-1.521 3.781-1.521 1.339 0 2.437 0.38 3.249 1.141l0.027 0.020c0.859 0.761 1.276 1.74 1.276 2.943 0 0.281-0.021 0.584-0.079 0.839-0.161 0.824-0.563 1.5-1.183 2.084-0.635 0.577-1.427 0.953-2.276 1.077-0.301 0.043-0.599 0.057-0.943 0.057-1.375 0-2.676-0.5-3.776-1.495-0.307-0.287-0.599-0.593-0.859-0.921l-1.459-1.699c-0.229-0.328-0.484-0.629-0.781-0.9-0.74-0.677-1.557-1-2.276-1-0.208 0-0.416 0.031-0.62 0.083-0.312 0.079-0.604 0.24-0.839 0.459-0.375 0.349-0.583 0.833-0.583 1.344 0 0.515 0.183 0.957 0.563 1.312l0.020 0.027c0.401 0.359 0.901 0.536 1.48 0.536 0.739 0 1.457-0.26 2.235-1.021l1.28 1.5 0.141 0.161c-1.161 1.12-2.276 1.537-3.74 1.537-1.339 0-2.437-0.38-3.276-1.141z" fill="red"></path> </svg>
Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <path d="M28.104 15c0.016-0.188 0.027-0.369 0.027-0.557 0-5.177-4.256-9.375-9.511-9.375-3.651-0.016-6.989 2.063-8.589 5.344-0.765-0.589-1.708-0.907-2.676-0.907-2.428 0-4.391 1.932-4.391 4.317 0 0.453 0.067 0.885 0.197 1.292-1.953 1.125-3.156 3.203-3.161 5.459 0 3.468 2.833 6.287 6.344 6.339h19c0.12 0 0.24 0.020 0.359 0.020 3.48 0 6.303-2.776 6.303-6.219-0.021-2.511-1.547-4.771-3.88-5.713zM8.588 22.136c-0.64-0.579-1.041-1.276-1.197-2.105-0.057-0.291-0.084-0.577-0.084-0.869 0-1.183 0.433-2.151 1.292-2.916 0.86-0.772 1.948-1.157 3.271-1.157 1.36 0 2.641 0.511 3.776 1.532 0.281 0.249 0.557 0.536 0.819 0.853l1.453 1.715c0.255 0.343 0.52 0.635 0.801 0.891 0.751 0.671 1.563 1.009 2.251 1.009 0.583 0 1.067-0.181 1.457-0.536 0.328-0.307 0.537-0.719 0.579-1.167l0.011-0.197c0-0.188-0.032-0.376-0.089-0.552-0.301-0.829-1.099-1.365-1.973-1.339-0.724 0-1.443 0.244-2.235 1.009l-1.287-1.52-0.14-0.172c1.14-1.104 2.26-1.521 3.781-1.521 1.339 0 2.437 0.38 3.249 1.141l0.027 0.020c0.859 0.761 1.276 1.74 1.276 2.943 0 0.281-0.021 0.584-0.079 0.839-0.161 0.824-0.563 1.5-1.183 2.084-0.635 0.577-1.427 0.953-2.276 1.077-0.301 0.043-0.599 0.057-0.943 0.057-1.375 0-2.676-0.5-3.776-1.495-0.307-0.287-0.599-0.593-0.859-0.921l-1.459-1.699c-0.229-0.328-0.484-0.629-0.781-0.9-0.74-0.677-1.557-1-2.276-1-0.208 0-0.416 0.031-0.62 0.083-0.312 0.079-0.604 0.24-0.839 0.459-0.375 0.349-0.583 0.833-0.583 1.344 0 0.515 0.183 0.957 0.563 1.312l0.020 0.027c0.401 0.359 0.901 0.536 1.48 0.536 0.739 0 1.457-0.26 2.235-1.021l1.28 1.5 0.141 0.161c-1.161 1.12-2.276 1.537-3.74 1.537-1.339 0-2.437-0.38-3.276-1.141z" fill="blue"></path> </svg>
Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <path d="M28.104 15c0.016-0.188 0.027-0.369 0.027-0.557 0-5.177-4.256-9.375-9.511-9.375-3.651-0.016-6.989 2.063-8.589 5.344-0.765-0.589-1.708-0.907-2.676-0.907-2.428 0-4.391 1.932-4.391 4.317 0 0.453 0.067 0.885 0.197 1.292-1.953 1.125-3.156 3.203-3.161 5.459 0 3.468 2.833 6.287 6.344 6.339h19c0.12 0 0.24 0.020 0.359 0.020 3.48 0 6.303-2.776 6.303-6.219-0.021-2.511-1.547-4.771-3.88-5.713zM8.588 22.136c-0.64-0.579-1.041-1.276-1.197-2.105-0.057-0.291-0.084-0.577-0.084-0.869 0-1.183 0.433-2.151 1.292-2.916 0.86-0.772 1.948-1.157 3.271-1.157 1.36 0 2.641 0.511 3.776 1.532 0.281 0.249 0.557 0.536 0.819 0.853l1.453 1.715c0.255 0.343 0.52 0.635 0.801 0.891 0.751 0.671 1.563 1.009 2.251 1.009 0.583 0 1.067-0.181 1.457-0.536 0.328-0.307 0.537-0.719 0.579-1.167l0.011-0.197c0-0.188-0.032-0.376-0.089-0.552-0.301-0.829-1.099-1.365-1.973-1.339-0.724 0-1.443 0.244-2.235 1.009l-1.287-1.52-0.14-0.172c1.14-1.104 2.26-1.521 3.781-1.521 1.339 0 2.437 0.38 3.249 1.141l0.027 0.020c0.859 0.761 1.276 1.74 1.276 2.943 0 0.281-0.021 0.584-0.079 0.839-0.161 0.824-0.563 1.5-1.183 2.084-0.635 0.577-1.427 0.953-2.276 1.077-0.301 0.043-0.599 0.057-0.943 0.057-1.375 0-2.676-0.5-3.776-1.495-0.307-0.287-0.599-0.593-0.859-0.921l-1.459-1.699c-0.229-0.328-0.484-0.629-0.781-0.9-0.74-0.677-1.557-1-2.276-1-0.208 0-0.416 0.031-0.62 0.083-0.312 0.079-0.604 0.24-0.839 0.459-0.375 0.349-0.583 0.833-0.583 1.344 0 0.515 0.183 0.957 0.563 1.312l0.020 0.027c0.401 0.359 0.901 0.536 1.48 0.536 0.739 0 1.457-0.26 2.235-1.021l1.28 1.5 0.141 0.161c-1.161 1.12-2.276 1.537-3.74 1.537-1.339 0-2.437-0.38-3.276-1.141z" fill="#f3da35"></path> </svg>
Advance Editor
You can edit cib jsfiddle as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements