Skip to content

Instantly share code, notes, and snippets.

View sanoopjose's full-sized avatar

Sanoop Jose sanoopjose

View GitHub Profile
.icon {
height: 24px;
width: 24px;
&:hover {
path {
@include themify(theme) {
fill: themed('iconHoverColor');
}
}
}
@sanoopjose
sanoopjose / constants.js
Created October 29, 2018 16:35
SVG paths
export const PATHS = {
account: 'M2 7v10a2 2 0 0 0 2 2h15a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2zm16.22 0l-6.69 4.52L4.84 7zm.28 10h-14a.5.5 0 0 1-.5-.5V8.65l6.8 4.6a1.31 1.31 0 0 0 1.46 0L19 8.69v7.81a.5.5 0 0 1-.5.5z',
add_account: 'M20 11h-7V4h-2v7H4v2h7v7h2v-7h7v-2z',
}
@sanoopjose
sanoopjose / SVGIcon.js
Created October 29, 2018 16:10
SVGIcon Component
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { PATHS } from './constants';
const getPath = (props) => {
let { path, index, ...remainingProps } = props;
return (
<path
{...remainingProps}