Last updated
npm i sketch-icons
# or
yarn add sketch-iconsimport { PlayFill } from "sketch-icons";
class Icons extends React.Component {
render() {
return (
<h2>
Here's a <PlayFill />
</h2>
);
}
}import { GitHubColor } from "sketch-icons";
class Icons extends React.Component {
render() {
return (
<h2>
I am a <GitHubColor /> contributor />
</h2>
);
}
}<link
rel="stylesheet"
type="text/css"
href="https://unpkg.com/sketch-icons@0.1.13/dist/cdn/icons.css"
/><head>
...
<link
rel="stylesheet"
type="text/css"
href="https://unpkg.com/sketch-icons@0.1.13/dist/cdn/icons.css"
/>
...
</head>
<body>
...
<i class="sk sk-alarm-fill"></i>
...
</body>.sk-alarm-fill {
color: red;
font-size: 35px;
}import { ArrowUpCircle, ArrowDown } from "sketch-icons";
class Icons extends React.Component {
render() {
return (
<h2>
Go Up <ArrowUpCircle height={100} width={100} />
Move Down <ArrowDown stroke="blue" strokeWidth="0.1" color="#ffffff" />
</h2>
);
}
}