Giter Club home page Giter Club logo

ocean-icons's Introduction

Ocean Icons

Actions Status Sonarcloud Status GitHub License GitHub last commit Dependabot Prettier code style Lerna Conventional Commits Conventional Commits Discord Server

This project is composed of many npm packages for building icons to the Ocean design-system.

Installation

yarn add @useblu/ocean-icons-react

or

npm i @useblu/ocean-icons-react

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import { Sparkles } from '@useblu/ocean-icons-react';

function App() {
  return <Sparkles size={42} />;
}

ReactDOM.render(<App />, document.querySelector('#root'));

Yes, it's really all you need to get started as you can see in this live and interactive demo:

Edit Button

Contributing

Whether you're helping us fix bugs, improve the docs, or spread the word, we'd love to have you as part of this project! 💙 Read below to learn how you can take part of it.

Code of Conduct

We adopted a Code of Conduct that we expect project participants to adhere to. Please read the full text so that you can understand what actions will and will not be tolerated.

Contributing Guide

Read our contributing guide to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes.

Good First Issues

To help you get your feet wet and get you familiar with our contribution process, we have a list of good first issues that contain bugs which have a relatively limited scope. This is a great place to get started.

Join our community

Join our discord server to get the latest updates, chat with other Ocean enthusiasts, and see what's happening in the community!

License

All packages are licensed under the terms of the GPL-3.0 License.

ocean-icons's People

Contributors

andrevitorvalle avatar danimuller20 avatar dazoblu avatar dependabot[bot] avatar eltongarbin avatar fabricio-anciaes avatar fernandoluckesiblu avatar gabrielfn avatar joaopedrorc avatar juaopedrosilva avatar leonardoalemax avatar leonardodouradol avatar lpeil avatar lthomaz avatar saulosilva avatar snyk-bot avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ocean-icons's Issues

🛠 Fix icons

Icons that need to be fixed:
zero - shouldn't be all filled
image

info - shouldn't be all filled
image

retailer and retailerOutline - retailer shouldn't exist and the retailerOutline should look like the current retailer
image

orderOutline - seems like there's an extra stroke to it
image

placeholder - shouldn't be all filled
image

glasses - something is off, this one shouldn't have only the stroke
image

arrowRightUp - the arrow tip shouldn't be filled
image

selector / selectorOutline - change name to sort / sortOutline
image

variableTaxOutline - shouldn't be all filled
image

supplierOutline - seems like there's an extra stroke to it
image

@joaopedrorc let's talk about it, I think I might have an idea about what's going on with the stroke problem.

Ocean icons website

Is your feature request related to a problem? Please describe.
Our current website needs much more improvements. We can make it more elegant and informative.

Describe the solution you'd like

  • Build a new website using the ocean design system.
  • Shows icons by category (outline and solid).
  • Explain usage with examples in all available technologies (react, css) or platforms (web, android, ios);
  • Create a search field to look up all icons.
  • Link to the GitHub project.

Describe alternatives you've considered

  • Check this website to take insights.
  • Make a Figma prototype for development.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.