Cubing Icons that are allowed (see license) for all projects! There should probably be more text here.
// ************** index.html **************
<!DOCTYPE html>
<html>
<body>
<div id="app"></div>
<script src="./index.jsx"></script>
</body>
</html>
// ************** index.jsx **************
import React from "react";
import ReactDom from "react-dom";
import "@cubing/icons";
function App() {
return <span className="cubing-icon event-333oh"></span>;
}
ReactDom.render(<App />, document.getElementById("app"));
Run the following commands:
$ npm init # if you are not already in a javascript project!
$ npm install --save-dev parcel # if you are not already using parcel or another tool (such as webpack)
$ npm install --save react react-dom @cubing/icons
$ npx parcel index.html
# Check it out at http://localhost:1234!
cubing-icons.css
into your css directory.
<head>
tag of your web page:
<link rel="stylesheet" href="css/cubing-icons.css">
<span class="cubing-icon event-333"></span>