circuit-board
v0.7.0
Customize icon
Set your custom size or color and download the icon as SVG or PNG image.
Width
Height
Color
Get SVG
Get PNG
Using as SVG
Copy and paste the following SVG code into your HTML file where you want the icon to appear.
Then, you can customize the SVG attributes, such as size or color, using inline styling or CSS classes.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5C3 3 5 3 5 3L19 3C19 3 21 3 21 5L21 19C21 21 19 21 19 21L5 21C5 21 3 21 3 19L3 5ZM7 9C7 7.89543 7.89543 7 9 7C10.1046 7 11 7.89543 11 9C11 10.1046 10.1046 11 9 11C7.89543 11 7 10.1046 7 9ZM13 15C13 13.8954 13.8954 13 15 13C16.1046 13 17 13.8954 17 15C17 16.1046 16.1046 17 15 17C13.8954 17 13 16.1046 13 15ZM12 15L10 15C10 15 7 15 7 18L7 20M12 9L14 9C14 9 17 9 17 6L17 4" />
</svg>
Using with React
Install
@josemi-icons/react and import the icon component in your React application:
import {CircuitBoardIcon} from "@josemi-icons/react";
const MyComponent = () => {
return (
<CircuitBoardIcon />
);
};
Using with CSS
Install
@josemi-icons/css and include the icon as a CSS class:
<i class="ji-circuit-board"></i>