Gatsbyjs Icon SVG
Gatsbyjs
Gatsbyjs SVG Icon Code | Customize color
You can get svg icon gatsbyjs in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.5C0 3.35786 3.35786 0 7.5 0C11.6421 0 15 3.35786 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5ZM3.30472 5.86865C3.95815 4.18936 5.5908 3 7.50006 3C8.75899 3 9.89643 3.51632 10.7137 4.35002L11.4278 3.64998C10.4302 2.63232 9.03852 2 7.50006 2C5.0366 2 2.95264 3.61922 2.25194 5.85017L2.16113 6.13928L8.86078 12.8389L9.14988 12.7481C11.2129 12.1002 12.7525 10.2699 12.9729 8.0494L13.0275 7.5H9.00006V8.5H11.8886C11.5562 9.96491 10.5084 11.1595 9.1314 11.6953L3.30472 5.86865ZM6.14648 12.8536L2.14648 8.85359L2.85359 8.14648L6.85359 12.1465L6.14648 12.8536Z" fill="black"/> </svg> Svg Code
<svg style='color: white' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.5C0 3.35786 3.35786 0 7.5 0C11.6421 0 15 3.35786 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5ZM3.30472 5.86865C3.95815 4.18936 5.5908 3 7.50006 3C8.75899 3 9.89643 3.51632 10.7137 4.35002L11.4278 3.64998C10.4302 2.63232 9.03852 2 7.50006 2C5.0366 2 2.95264 3.61922 2.25194 5.85017L2.16113 6.13928L8.86078 12.8389L9.14988 12.7481C11.2129 12.1002 12.7525 10.2699 12.9729 8.0494L13.0275 7.5H9.00006V8.5H11.8886C11.5562 9.96491 10.5084 11.1595 9.1314 11.6953L3.30472 5.86865ZM6.14648 12.8536L2.14648 8.85359L2.85359 8.14648L6.85359 12.1465L6.14648 12.8536Z" fill="black"/> </svg> Svg Code
<svg style='color: red' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.5C0 3.35786 3.35786 0 7.5 0C11.6421 0 15 3.35786 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5ZM3.30472 5.86865C3.95815 4.18936 5.5908 3 7.50006 3C8.75899 3 9.89643 3.51632 10.7137 4.35002L11.4278 3.64998C10.4302 2.63232 9.03852 2 7.50006 2C5.0366 2 2.95264 3.61922 2.25194 5.85017L2.16113 6.13928L8.86078 12.8389L9.14988 12.7481C11.2129 12.1002 12.7525 10.2699 12.9729 8.0494L13.0275 7.5H9.00006V8.5H11.8886C11.5562 9.96491 10.5084 11.1595 9.1314 11.6953L3.30472 5.86865ZM6.14648 12.8536L2.14648 8.85359L2.85359 8.14648L6.85359 12.1465L6.14648 12.8536Z" fill="black"/> </svg> Svg Code
<svg style='color: blue' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.5C0 3.35786 3.35786 0 7.5 0C11.6421 0 15 3.35786 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5ZM3.30472 5.86865C3.95815 4.18936 5.5908 3 7.50006 3C8.75899 3 9.89643 3.51632 10.7137 4.35002L11.4278 3.64998C10.4302 2.63232 9.03852 2 7.50006 2C5.0366 2 2.95264 3.61922 2.25194 5.85017L2.16113 6.13928L8.86078 12.8389L9.14988 12.7481C11.2129 12.1002 12.7525 10.2699 12.9729 8.0494L13.0275 7.5H9.00006V8.5H11.8886C11.5562 9.96491 10.5084 11.1595 9.1314 11.6953L3.30472 5.86865ZM6.14648 12.8536L2.14648 8.85359L2.85359 8.14648L6.85359 12.1465L6.14648 12.8536Z" fill="black"/> </svg> Svg Code
<svg style='color: #f3da35' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.5C0 3.35786 3.35786 0 7.5 0C11.6421 0 15 3.35786 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5ZM3.30472 5.86865C3.95815 4.18936 5.5908 3 7.50006 3C8.75899 3 9.89643 3.51632 10.7137 4.35002L11.4278 3.64998C10.4302 2.63232 9.03852 2 7.50006 2C5.0366 2 2.95264 3.61922 2.25194 5.85017L2.16113 6.13928L8.86078 12.8389L9.14988 12.7481C11.2129 12.1002 12.7525 10.2699 12.9729 8.0494L13.0275 7.5H9.00006V8.5H11.8886C11.5562 9.96491 10.5084 11.1595 9.1314 11.6953L3.30472 5.86865ZM6.14648 12.8536L2.14648 8.85359L2.85359 8.14648L6.85359 12.1465L6.14648 12.8536Z" fill="black"/> </svg> Advance Editor
You can edit gatsbyjs as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements