1
0
mirror of https://github.com/SimonPistache/famfamfam-silk-svg.git synced 2025-06-08 01:54:20 +02:00

Improve presentation (#188)

* feat: Init Contribution and fill Readme

* docs: Add illustrations to readme, write contribution

Add more details on the various sections of the ReadMe and illustrations. Complete the Contribution file with descriptions and more guidelines. Contains changes for milestones 2.

* docs: Merge CONTRIBUTING and README

To start small, I don't think I need a CONTRIBUTING, CODE_OF_CONDUCT and CHANGELOG files. All should fit in the README for now.

* refactor: Update Readme with link to CC docs.

Also remove the `thumb up` and `thumb down` icons, as they are not completed yet.

* fix: Remove references to the Figma UI Kit.

The Figma Kit will be linked back here when it will be published on the Community.

* refactor: Update readme

* refactor: Update ReadMe

Change some illustration from PNG to SVG.

* fix: backlinks not working on github

* fix: backlink not respecting file Capitalization

* style(identity): decorate headers with icons

Replace emojis with icons (because why not)

* fix(identity): remove inline css in imgs

Github eat custom inline CSS in the style attributes to put its own. It's better to have icons on the right for now.

* fix(identity): fix a header issue in ReadMe

* fix(identity): Reduce icons size to match github headers hights

* Revert "fix(identity): Reduce icons size to match github headers hights"

This reverts commit 2ae463bdbbe5d59ea1de746372e3978f272cafc5.
This commit is contained in:
Simon Pistache 2025-01-31 17:53:22 +01:00 committed by GitHub
parent c8fd547e07
commit 7cf5468035
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
10 changed files with 251 additions and 29 deletions

View File

@ -1,16 +1,86 @@
# famfamfam-silk-svg <img align="center" src="./public/github-cover.png">
A recreation of the iconic iconset of the 2010s era from Marc James, remade in SVG and as a figma UI kit for todays developpers and designers needs.
## License # FamFamFam Silk as SVG
> The iconic iconset of the 2010s era from Mark James, remade in SVG for todays needs.
I have not settled on the right licence for this product, so as for now I'll follow Mark James' Create Commons Attribution. He used 2.5, but I picked version 4. This project contains ~1000 icons in SVG. SVG is lightweight, scalable compared to PNG — and open format, allowing anyone to edit it to his/her needs. I aim to have all the original icons remastered, but also create more up-to-date versions (Smartphones was not a thing back in 2008). Plus, most icons can be mixed with decorators (bullets) to get more meaning.
I would like a more protective licence, one that could permit company and users to pick stuff here and use them in commercial products and marketing material, but prevent "stealing" stuff or changing ownership over minimal visual changes.
## Contribution Scale: <img height=16px src="icons/Cup.svg"> <img height=24px src="icons/Cup.svg"> <img height=32px src="icons/Cup.svg"> <img height=48px src="icons/Cup.svg"> <img height=64px src="icons/Cup.svg">
- All enhancement are welcomed Mix: ![Cup of caffee](<public/Cup of caffe.svg>) + ![Bullet delete](<icons/Bullet delete.svg>) = ![A cup of caffe with a delete bullet at its bottom right](<public/I should stop caffe.svg>)
- Contributions must be in form of a PR to the main branch
Contributions can be Customize: ![Cup of caffee](<public/Cup of caffe.svg>) ![Cup of Matcha latte](<public/Cup of matcha.svg>) ![Cup of Tea](<public/Cup of tea.svg>) ![Cup of water](<public/Cup of water.svg>)
- fixes or improvements over the existing icons
- new icons in the strict aestetics of the original work ## How to use <img height=30px src="icons/Accept.svg">
* Clone or fork the repository.
* Download files from the [icons](./icons/) folder.
![All available icons](./public/available-icons.png)
### <img height=24px src="icons/Date.svg"> Roadmap
* (Soon) Designers: Get the Figma UI Kit
* (Soon) Access to more decorators
* (Soon) Access to variants
* (Soon) Access to parts
## Contributing <img height=30px src="icons/Paintbrush.svg">
Reports, Requests and Contributions are welcomed to this project! I believe that healthy debate and disagreement are essential to a healthy project and community. However, it is never ok to be disrespectful.
### <img height=24px src="icons/Bug.svg">  I would like to report a bug or suggest something!
The issue section is the right place for you to describe your problem. Specific rules applies, and not following them may result in the closing of the issue.
* Issue must have a label related to your topic
* Issue must be sufficiently described, clear and not misleading
* Issue may be flagged as _duplicate_ if the topic is already discussed on another issue.
* There is no garanties that an Issue will be resolved. I have limited bandwidth.
### <img height=24px src="icons/Wand.svg">  Can I create an icon too?
Sure! Please *Fork**Create**Push**Pull Request*, follow the [Pull Request & commits guidelines](#pull-request-and-commit-guidelines), and the [Icon Design guidelines](#icon-design-guidelines) below.
### <img height=24px src="icons/Wrench.svg">  I have fixed this icon, how can I give it back?
Thank you! Please *Fork**Patch**Push**Pull Request* and follow the [Pull Request & commits guidelines](#pull-request-and-commit-guidelines), and the [Icon Design guidelines](#icon-design-guidelines) below.
### Pull Request and Commit Guidelines
- It should stick to the [community's best practices](https://github.com/kubernetes/community/blob/master/contributors/guide/pull-requests.md#best-practices-for-faster-reviews) as close as possible
- It must follow the [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/#summary) principles in commit and PR names.
- It must be related to an issue in this project.
- Authors of contribution are credited (via the Contributor section of Github)
### Icon Design Guidelines
- Icons must be in the **style and spirit of the original work** from Mark James.
- Icons must be in **SVG**.
- Icons must be designed to be **legible in any size from 16×16px to 64×64px**. It must have the right balance between too much details and too little. I recommand using a grid of 16×16 to help.
- Icon improvement based on existing icons must be as close as possible to the original design, especially at 16×16px.
- Icon must render without visual artefact in today's broswer such as WebKit, Blink, Gecko. (Test your icons)
## License <img height=30px src="icons/Report.svg">
This project is licensed under the [**Creative Commons BY 4**](https://creativecommons.org/licenses/by/4.0/) license. This content is distributed in the hope that it will be useful, but **without any warranty**; without even the implied warranty of **merchantability** or **fitness for a particular purpose**.
## Acknowlegements <img height=30px src="icons/Heart.svg">
The Original *FamFamFam Silk* icon pack ([github](https://github.com/markjames/famfamfam-silk-icons) • [website](http://www.famfamfam.com/lab/icons/silk/)) remains the property of Mark James. Mark, please have my thanks and salute for your great work.
#### Fonts
- [Fira Mono](https://github.com/mozilla/Fira)
- [Fira Sans](https://github.com/mozilla/Fira)
- [Fira Sans Condensed](https://github.com/mozilla/Fira)
- [Love Ya Like a Sister](https://fonts.google.com/specimen/Love+Ya+Like+A+Sister) by [Kimberly Geswein](https://kimberlygeswein.com/)
- [Segoe UI](https://learn.microsoft.com/en-us/typography/font-list/segoe-ui) (for Office logos)
- [Hind](https://fonts.google.com/specimen/Hind) by the [Indian Type Foundry](https://www.indiantypefoundry.com/)
#### Softwares
- [Figma](https://www.figma.com) as the SVG design software
- [Firefox](https://www.mozilla.org/firefox/new/)
- [Gitea](https://about.gitea.com/), an awesome self-hosted github alternative
- [VSCodium](https://vscodium.com/), a community-driven, freely-licensed binary distribution of Microsofts editor VS Code
#### About me
Hi I'm Simon. Computer enthousiast, I have recently switch to become a Product.UX.UI Designer, and used to be a Quality Engineer. I love to create stuff and share it.
[linkedin](https://www.linkedin.com/in/simonpriet/) • [behance](https://www.behance.net/SimonPistache#) • [dribbble](https://dribbble.com/SimonPistache) • [github](https://github.com/SimonPistache)

View File

@ -1,9 +0,0 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="16" height="16" fill="url(#pattern0_99_10482)"/>
<defs>
<pattern id="pattern0_99_10482" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_99_10482" transform="scale(0.0625)"/>
</pattern>
<image id="image0_99_10482" width="16" height="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHrSURBVDjLjZOxaxNhGIcTtRkUJ/8AB9FBHBT8U3ToLAouxkUQLEIVnRxcKiithIjBBsSgRLgMGlNjvSOh4XJ4XLhwIRwpd+a4L1xMjEMfhy+aS6W2w2/4Pngefry8bwJI7EoSOAykaHdOTt+JvTL/UY+SNAYXML1POO4OnS5YLTCtMYb5FcO8j26cR7MX0OyFeYE2OkQjuESrBWEI4wmMxjAcgRiAH4Bu7GBaUDcFm5YzL9gcnaHdAUUBVQXPk4JoCCKSklDI+AG8Lv2YF5QbJepbEgiFBIYjGMTgQEAQQj+A/BtmAk2k0JoTKhtQrYJtQxTJhH/gEPpT2O9DLh8TbHQu0zRkZSHAdiQsdsF+AF4fPB9e5GKCiv6ZwluoVOTUe9sSjlf2+xJ2t8GyYTUTE+i2J4EQnA7UahKIV/Z8KS8W4eG6zlJGnQm+OB+wTDl5MeCvLF65aUC2AFfyadL5s9wpnJ4JitYpsrW7vKyqFNTvKLUh7rRy14V3H2EpMyG9tsj1anKvTUwCR2gExylZy1jfwO1BuQy3159xtXh0/1WGBO+7F6lqv3B70NDhwast0qVzB7sFxTmGYj3HNOWkH61G3MovHvyYFP0EiuZgt+Hx05/cyC7/D/5XkLNSrKg3ufcErq2t7AcDid88lUyCVhHVfwAAAABJRU5ErkJggg=="/>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -1,9 +0,0 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="16" height="16" fill="url(#pattern0_99_10483)"/>
<defs>
<pattern id="pattern0_99_10483" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_99_10483" transform="scale(0.0625)"/>
</pattern>
<image id="image0_99_10483" width="16" height="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAH9SURBVDjLlZNBaxNREMcTtTkonvwAHkQP4kHBj2LBngPiqRUPgpdiDYKlLYVKBRUU2psXQwNBCrVtaowbEjasocuGDRt2l112fUs2pFLroT8Pb22MNdAe5vDezP83M2/mpYDUkalxBjV6gG6B5i0P+UbY8IXmXaJpW8Q90M2fqM7M6QCquIAWvMX3Ie6BZvapuhMnB0AKJbrNbusXURdCAYqpsunfOAkgDZyjs3+RmjOD68gqbBvK1ms2vPOjAWpwhbo/zTdPYdf5jmbtIXrQjaUZFpT1A7b0CT546eOAuvMJz4E4hv4e9PpSGMUQdUFEYDug6pA3pijo18k3rw4AmhkQ92Sw1YFaTfYvEnEoIAglpNGAYl2jUFUGgM3GZ/JrUCqB0QLXk7AwgiAR+wF4vvSZbXi3ygCwYY5Tb8jSo64M6MYS4IfgBeAmYtuVlSy9/AuwLjLsKAdslaBchlYr6V0kWX1wEnHHAcuGuSWGx1isrlOucDT/UMj+PR+cJGvHlm/UtuD5wj+A9941KgoUP0KlIkUiktn/iNsdaLWhqcPj+R/DgBX3DCuNOxQKYBhSHAgJMkz4osDs4iG5WcjmYu7mrOOr/MpIM1+/xdzaNm9WD3mxDNNP4OGjfe5PfeXeZI7s5E3Gn46RXRj7/1+QK30WyPBs8XJyHvmZfgPxTEl50XYktwAAAABJRU5ErkJggg=="/>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

31
public/Cup of caffe.svg Normal file
View File

@ -0,0 +1,31 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.22752 4.14486C0.813175 4.49472 0.5 4.95057 0.5 5.5C0.5 7.45783 0.749518 9.69749 1.82298 11.4598C2.9239 13.2673 4.84605 14.5 8 14.5C11.154 14.5 13.0761 13.2673 14.177 11.4598C15.2505 9.69749 15.5 7.45783 15.5 5.5C15.5 4.95057 15.1868 4.49472 14.7725 4.14486C14.3558 3.79304 13.7825 3.49873 13.1179 3.26136C11.7843 2.78507 9.97479 2.5 8 2.5C6.02521 2.5 4.2157 2.78507 2.88208 3.26136C2.21745 3.49873 1.64418 3.79304 1.22752 4.14486Z" fill="url(#paint0_linear_605_20508)" stroke="url(#paint1_linear_605_20508)"/>
<path d="M14.5 5.5C14.5 7.40817 14.2495 9.4185 13.323 10.9396C12.4239 12.4157 10.846 13.5 8 13.5C5.15395 13.5 3.5761 12.4157 2.67702 10.9396C1.75048 9.4185 1.5 7.40817 1.5 5.5C1.5 5.35908 1.57858 5.15724 1.87267 4.90891C2.16445 4.66254 2.6163 4.41815 3.21842 4.2031C4.4183 3.77457 6.1088 3.5 8 3.5C9.8912 3.5 11.5817 3.77457 12.7816 4.2031C13.3837 4.41815 13.8356 4.66254 14.1273 4.90891C14.4214 5.15724 14.5 5.35908 14.5 5.5Z" stroke="white" stroke-opacity="0.66"/>
<path d="M2.71372 10.2175C2.71372 9.32624 3.49721 9.02464 3.8562 8.43498C4.21519 7.84532 3.8562 7.26671 3.28496 7.09808C2.71372 6.92945 2.14248 6.92068 1.57124 7.5437C1 8.16672 1 8.81443 1 9.32621C1 11 2 12 2.71372 12C3.11935 12 3.28496 11.7726 3.28496 11.5C3.28496 11.2274 2.71372 11 2.71372 10.2175Z" fill="white"/>
<path d="M3.21372 10.2175C3.21372 9.94848 3.31993 9.76633 3.51755 9.55248C3.58704 9.47728 3.65055 9.41554 3.72264 9.34544C3.7704 9.299 3.82193 9.2489 3.88147 9.18879C4.01399 9.05501 4.1629 8.89271 4.28328 8.69499C4.54759 8.26085 4.56273 7.78877 4.36918 7.39022C4.18359 7.00804 3.82869 6.73726 3.42652 6.61854C3.10409 6.52336 2.73054 6.45715 2.33421 6.53292C1.92719 6.61073 1.54937 6.8277 1.2027 7.20579C0.499749 7.97247 0.499901 8.78826 0.499998 9.30815C0.499999 9.31421 0.5 9.32023 0.5 9.32621C0.5 10.2632 0.780358 11.0373 1.18704 11.5879C1.57915 12.1187 2.13951 12.5 2.71372 12.5C3.00933 12.5 3.2927 12.4154 3.50272 12.2081C3.7117 12.0017 3.78496 11.7361 3.78496 11.5C3.78496 11.2588 3.6595 11.0803 3.59665 10.9959C3.56269 10.9503 3.52492 10.9048 3.49483 10.8685C3.49292 10.8662 3.49105 10.8639 3.4892 10.8617C3.45538 10.8209 3.42626 10.7855 3.39806 10.7483C3.2971 10.6148 3.21372 10.466 3.21372 10.2175Z" stroke="url(#paint2_linear_605_20508)"/>
<path d="M14.5 5.5C14.5 5.64092 14.4214 5.84276 14.1273 6.09109C13.8356 6.33746 13.3837 6.58185 12.7816 6.7969C11.5817 7.22543 9.8912 7.5 8 7.5C6.1088 7.5 4.4183 7.22543 3.21842 6.7969C2.6163 6.58185 2.16445 6.33746 1.87267 6.09109C1.57858 5.84276 1.5 5.64092 1.5 5.5C1.5 5.35908 1.57858 5.15724 1.87267 4.90891C2.16445 4.66254 2.6163 4.41815 3.21842 4.2031C4.4183 3.77457 6.1088 3.5 8 3.5C9.8912 3.5 11.5817 3.77457 12.7816 4.2031C13.3837 4.41815 13.8356 4.66254 14.1273 4.90891C14.4214 5.15724 14.5 5.35908 14.5 5.5Z" fill="url(#paint3_linear_605_20508)" stroke="url(#paint4_linear_605_20508)"/>
<ellipse cx="8" cy="5.5" rx="5" ry="1.5" fill="#8F5035"/>
<defs>
<linearGradient id="paint0_linear_605_20508" x1="1.8776" y1="14.5572" x2="10.7054" y2="6.24614" gradientUnits="userSpaceOnUse">
<stop offset="0.308746" stop-color="#E5E5E5"/>
<stop offset="1" stop-color="#C4C4C4"/>
</linearGradient>
<linearGradient id="paint1_linear_605_20508" x1="2.46475" y1="3" x2="13.5352" y2="14" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9D9D9"/>
<stop offset="1" stop-color="#B3B3B3"/>
</linearGradient>
<linearGradient id="paint2_linear_605_20508" x1="1" y1="9.5" x2="5" y2="9.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#A4A4A4"/>
<stop offset="0.515625" stop-color="#C4C4C4" stop-opacity="0.996078"/>
<stop offset="1" stop-color="#C4C4C4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_605_20508" x1="8" y1="3" x2="8" y2="8" gradientUnits="userSpaceOnUse">
<stop stop-color="#F6F6F6"/>
<stop offset="1" stop-color="#A8A8A8"/>
</linearGradient>
<linearGradient id="paint4_linear_605_20508" x1="1" y1="5.50174" x2="15" y2="5.49826" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#F0F0F0"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

31
public/Cup of matcha.svg Normal file
View File

@ -0,0 +1,31 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.22752 4.14486C0.813175 4.49472 0.5 4.95057 0.5 5.5C0.5 7.45783 0.749518 9.69749 1.82298 11.4598C2.9239 13.2673 4.84605 14.5 8 14.5C11.154 14.5 13.0761 13.2673 14.177 11.4598C15.2505 9.69749 15.5 7.45783 15.5 5.5C15.5 4.95057 15.1868 4.49472 14.7725 4.14486C14.3558 3.79304 13.7825 3.49873 13.1179 3.26136C11.7843 2.78507 9.97479 2.5 8 2.5C6.02521 2.5 4.2157 2.78507 2.88208 3.26136C2.21745 3.49873 1.64418 3.79304 1.22752 4.14486Z" fill="url(#paint0_linear_605_20480)" stroke="url(#paint1_linear_605_20480)"/>
<path d="M14.5 5.5C14.5 7.40817 14.2495 9.4185 13.323 10.9396C12.4239 12.4157 10.846 13.5 8 13.5C5.15395 13.5 3.5761 12.4157 2.67702 10.9396C1.75048 9.4185 1.5 7.40817 1.5 5.5C1.5 5.35908 1.57858 5.15724 1.87267 4.90891C2.16445 4.66254 2.6163 4.41815 3.21842 4.2031C4.4183 3.77457 6.1088 3.5 8 3.5C9.8912 3.5 11.5817 3.77457 12.7816 4.2031C13.3837 4.41815 13.8356 4.66254 14.1273 4.90891C14.4214 5.15724 14.5 5.35908 14.5 5.5Z" stroke="white" stroke-opacity="0.66"/>
<path d="M2.71372 10.2175C2.71372 9.32624 3.49721 9.02464 3.8562 8.43498C4.21519 7.84532 3.8562 7.26671 3.28496 7.09808C2.71372 6.92945 2.14248 6.92068 1.57124 7.5437C1 8.16672 1 8.81443 1 9.32621C1 11 2 12 2.71372 12C3.11935 12 3.28496 11.7726 3.28496 11.5C3.28496 11.2274 2.71372 11 2.71372 10.2175Z" fill="white"/>
<path d="M3.21372 10.2175C3.21372 9.94848 3.31993 9.76633 3.51755 9.55248C3.58704 9.47728 3.65055 9.41554 3.72264 9.34544C3.7704 9.299 3.82193 9.2489 3.88147 9.18879C4.01399 9.05501 4.1629 8.89271 4.28328 8.69499C4.54759 8.26085 4.56273 7.78877 4.36918 7.39022C4.18359 7.00804 3.82869 6.73726 3.42652 6.61854C3.10409 6.52336 2.73054 6.45715 2.33421 6.53292C1.92719 6.61073 1.54937 6.8277 1.2027 7.20579C0.499749 7.97247 0.499901 8.78826 0.499998 9.30815C0.499999 9.31421 0.5 9.32023 0.5 9.32621C0.5 10.2632 0.780358 11.0373 1.18704 11.5879C1.57915 12.1187 2.13951 12.5 2.71372 12.5C3.00933 12.5 3.2927 12.4154 3.50272 12.2081C3.7117 12.0017 3.78496 11.7361 3.78496 11.5C3.78496 11.2588 3.6595 11.0803 3.59665 10.9959C3.56269 10.9503 3.52492 10.9048 3.49483 10.8685C3.49292 10.8662 3.49105 10.8639 3.4892 10.8617C3.45538 10.8209 3.42626 10.7855 3.39806 10.7483C3.2971 10.6148 3.21372 10.466 3.21372 10.2175Z" stroke="url(#paint2_linear_605_20480)"/>
<path d="M14.5 5.5C14.5 5.64092 14.4214 5.84276 14.1273 6.09109C13.8356 6.33746 13.3837 6.58185 12.7816 6.7969C11.5817 7.22543 9.8912 7.5 8 7.5C6.1088 7.5 4.4183 7.22543 3.21842 6.7969C2.6163 6.58185 2.16445 6.33746 1.87267 6.09109C1.57858 5.84276 1.5 5.64092 1.5 5.5C1.5 5.35908 1.57858 5.15724 1.87267 4.90891C2.16445 4.66254 2.6163 4.41815 3.21842 4.2031C4.4183 3.77457 6.1088 3.5 8 3.5C9.8912 3.5 11.5817 3.77457 12.7816 4.2031C13.3837 4.41815 13.8356 4.66254 14.1273 4.90891C14.4214 5.15724 14.5 5.35908 14.5 5.5Z" fill="url(#paint3_linear_605_20480)" stroke="url(#paint4_linear_605_20480)"/>
<ellipse cx="8" cy="5.5" rx="5" ry="1.5" fill="#8AB84F"/>
<defs>
<linearGradient id="paint0_linear_605_20480" x1="1.8776" y1="14.5572" x2="10.7054" y2="6.24614" gradientUnits="userSpaceOnUse">
<stop offset="0.308746" stop-color="#E5E5E5"/>
<stop offset="1" stop-color="#C4C4C4"/>
</linearGradient>
<linearGradient id="paint1_linear_605_20480" x1="2.46475" y1="3" x2="13.5352" y2="14" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9D9D9"/>
<stop offset="1" stop-color="#B3B3B3"/>
</linearGradient>
<linearGradient id="paint2_linear_605_20480" x1="1" y1="9.5" x2="5" y2="9.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#A4A4A4"/>
<stop offset="0.515625" stop-color="#C4C4C4" stop-opacity="0.996078"/>
<stop offset="1" stop-color="#C4C4C4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_605_20480" x1="8" y1="3" x2="8" y2="8" gradientUnits="userSpaceOnUse">
<stop stop-color="#F6F6F6"/>
<stop offset="1" stop-color="#A8A8A8"/>
</linearGradient>
<linearGradient id="paint4_linear_605_20480" x1="1" y1="5.50174" x2="15" y2="5.49826" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#F0F0F0"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

31
public/Cup of tea.svg Normal file
View File

@ -0,0 +1,31 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.22752 4.14486C0.813175 4.49472 0.5 4.95057 0.5 5.5C0.5 7.45783 0.749518 9.69749 1.82298 11.4598C2.9239 13.2673 4.84605 14.5 8 14.5C11.154 14.5 13.0761 13.2673 14.177 11.4598C15.2505 9.69749 15.5 7.45783 15.5 5.5C15.5 4.95057 15.1868 4.49472 14.7725 4.14486C14.3558 3.79304 13.7825 3.49873 13.1179 3.26136C11.7843 2.78507 9.97479 2.5 8 2.5C6.02521 2.5 4.2157 2.78507 2.88208 3.26136C2.21745 3.49873 1.64418 3.79304 1.22752 4.14486Z" fill="url(#paint0_linear_605_20499)" stroke="url(#paint1_linear_605_20499)"/>
<path d="M14.5 5.5C14.5 7.40817 14.2495 9.4185 13.323 10.9396C12.4239 12.4157 10.846 13.5 8 13.5C5.15395 13.5 3.5761 12.4157 2.67702 10.9396C1.75048 9.4185 1.5 7.40817 1.5 5.5C1.5 5.35908 1.57858 5.15724 1.87267 4.90891C2.16445 4.66254 2.6163 4.41815 3.21842 4.2031C4.4183 3.77457 6.1088 3.5 8 3.5C9.8912 3.5 11.5817 3.77457 12.7816 4.2031C13.3837 4.41815 13.8356 4.66254 14.1273 4.90891C14.4214 5.15724 14.5 5.35908 14.5 5.5Z" stroke="white" stroke-opacity="0.66"/>
<path d="M2.71372 10.2175C2.71372 9.32624 3.49721 9.02464 3.8562 8.43498C4.21519 7.84532 3.8562 7.26671 3.28496 7.09808C2.71372 6.92945 2.14248 6.92068 1.57124 7.5437C1 8.16672 1 8.81443 1 9.32621C1 11 2 12 2.71372 12C3.11935 12 3.28496 11.7726 3.28496 11.5C3.28496 11.2274 2.71372 11 2.71372 10.2175Z" fill="white"/>
<path d="M3.21372 10.2175C3.21372 9.94848 3.31993 9.76633 3.51755 9.55248C3.58704 9.47728 3.65055 9.41554 3.72264 9.34544C3.7704 9.299 3.82193 9.2489 3.88147 9.18879C4.01399 9.05501 4.1629 8.89271 4.28328 8.69499C4.54759 8.26085 4.56273 7.78877 4.36918 7.39022C4.18359 7.00804 3.82869 6.73726 3.42652 6.61854C3.10409 6.52336 2.73054 6.45715 2.33421 6.53292C1.92719 6.61073 1.54937 6.8277 1.2027 7.20579C0.499749 7.97247 0.499901 8.78826 0.499998 9.30815C0.499999 9.31421 0.5 9.32023 0.5 9.32621C0.5 10.2632 0.780358 11.0373 1.18704 11.5879C1.57915 12.1187 2.13951 12.5 2.71372 12.5C3.00933 12.5 3.2927 12.4154 3.50272 12.2081C3.7117 12.0017 3.78496 11.7361 3.78496 11.5C3.78496 11.2588 3.6595 11.0803 3.59665 10.9959C3.56269 10.9503 3.52492 10.9048 3.49483 10.8685C3.49292 10.8662 3.49105 10.8639 3.4892 10.8617C3.45538 10.8209 3.42626 10.7855 3.39806 10.7483C3.2971 10.6148 3.21372 10.466 3.21372 10.2175Z" stroke="url(#paint2_linear_605_20499)"/>
<path d="M14.5 5.5C14.5 5.64092 14.4214 5.84276 14.1273 6.09109C13.8356 6.33746 13.3837 6.58185 12.7816 6.7969C11.5817 7.22543 9.8912 7.5 8 7.5C6.1088 7.5 4.4183 7.22543 3.21842 6.7969C2.6163 6.58185 2.16445 6.33746 1.87267 6.09109C1.57858 5.84276 1.5 5.64092 1.5 5.5C1.5 5.35908 1.57858 5.15724 1.87267 4.90891C2.16445 4.66254 2.6163 4.41815 3.21842 4.2031C4.4183 3.77457 6.1088 3.5 8 3.5C9.8912 3.5 11.5817 3.77457 12.7816 4.2031C13.3837 4.41815 13.8356 4.66254 14.1273 4.90891C14.4214 5.15724 14.5 5.35908 14.5 5.5Z" fill="url(#paint3_linear_605_20499)" stroke="url(#paint4_linear_605_20499)"/>
<ellipse cx="8" cy="5.5" rx="5" ry="1.5" fill="#87993D"/>
<defs>
<linearGradient id="paint0_linear_605_20499" x1="1.8776" y1="14.5572" x2="10.7054" y2="6.24614" gradientUnits="userSpaceOnUse">
<stop offset="0.308746" stop-color="#E5E5E5"/>
<stop offset="1" stop-color="#C4C4C4"/>
</linearGradient>
<linearGradient id="paint1_linear_605_20499" x1="2.46475" y1="3" x2="13.5352" y2="14" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9D9D9"/>
<stop offset="1" stop-color="#B3B3B3"/>
</linearGradient>
<linearGradient id="paint2_linear_605_20499" x1="1" y1="9.5" x2="5" y2="9.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#A4A4A4"/>
<stop offset="0.515625" stop-color="#C4C4C4" stop-opacity="0.996078"/>
<stop offset="1" stop-color="#C4C4C4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_605_20499" x1="8" y1="3" x2="8" y2="8" gradientUnits="userSpaceOnUse">
<stop stop-color="#F6F6F6"/>
<stop offset="1" stop-color="#A8A8A8"/>
</linearGradient>
<linearGradient id="paint4_linear_605_20499" x1="1" y1="5.50174" x2="15" y2="5.49826" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#F0F0F0"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

31
public/Cup of water.svg Normal file
View File

@ -0,0 +1,31 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.22752 4.14486C0.813175 4.49472 0.5 4.95057 0.5 5.5C0.5 7.45783 0.749518 9.69749 1.82298 11.4598C2.9239 13.2673 4.84605 14.5 8 14.5C11.154 14.5 13.0761 13.2673 14.177 11.4598C15.2505 9.69749 15.5 7.45783 15.5 5.5C15.5 4.95057 15.1868 4.49472 14.7725 4.14486C14.3558 3.79304 13.7825 3.49873 13.1179 3.26136C11.7843 2.78507 9.97479 2.5 8 2.5C6.02521 2.5 4.2157 2.78507 2.88208 3.26136C2.21745 3.49873 1.64418 3.79304 1.22752 4.14486Z" fill="url(#paint0_linear_605_20490)" stroke="url(#paint1_linear_605_20490)"/>
<path d="M14.5 5.5C14.5 7.40817 14.2495 9.4185 13.323 10.9396C12.4239 12.4157 10.846 13.5 8 13.5C5.15395 13.5 3.5761 12.4157 2.67702 10.9396C1.75048 9.4185 1.5 7.40817 1.5 5.5C1.5 5.35908 1.57858 5.15724 1.87267 4.90891C2.16445 4.66254 2.6163 4.41815 3.21842 4.2031C4.4183 3.77457 6.1088 3.5 8 3.5C9.8912 3.5 11.5817 3.77457 12.7816 4.2031C13.3837 4.41815 13.8356 4.66254 14.1273 4.90891C14.4214 5.15724 14.5 5.35908 14.5 5.5Z" stroke="white" stroke-opacity="0.66"/>
<path d="M2.71372 10.2175C2.71372 9.32624 3.49721 9.02464 3.8562 8.43498C4.21519 7.84532 3.8562 7.26671 3.28496 7.09808C2.71372 6.92945 2.14248 6.92068 1.57124 7.5437C1 8.16672 1 8.81443 1 9.32621C1 11 2 12 2.71372 12C3.11935 12 3.28496 11.7726 3.28496 11.5C3.28496 11.2274 2.71372 11 2.71372 10.2175Z" fill="white"/>
<path d="M3.21372 10.2175C3.21372 9.94848 3.31993 9.76633 3.51755 9.55248C3.58704 9.47728 3.65055 9.41554 3.72264 9.34544C3.7704 9.299 3.82193 9.2489 3.88147 9.18879C4.01399 9.05501 4.1629 8.89271 4.28328 8.69499C4.54759 8.26085 4.56273 7.78877 4.36918 7.39022C4.18359 7.00804 3.82869 6.73726 3.42652 6.61854C3.10409 6.52336 2.73054 6.45715 2.33421 6.53292C1.92719 6.61073 1.54937 6.8277 1.2027 7.20579C0.499749 7.97247 0.499901 8.78826 0.499998 9.30815C0.499999 9.31421 0.5 9.32023 0.5 9.32621C0.5 10.2632 0.780358 11.0373 1.18704 11.5879C1.57915 12.1187 2.13951 12.5 2.71372 12.5C3.00933 12.5 3.2927 12.4154 3.50272 12.2081C3.7117 12.0017 3.78496 11.7361 3.78496 11.5C3.78496 11.2588 3.6595 11.0803 3.59665 10.9959C3.56269 10.9503 3.52492 10.9048 3.49483 10.8685C3.49292 10.8662 3.49105 10.8639 3.4892 10.8617C3.45538 10.8209 3.42626 10.7855 3.39806 10.7483C3.2971 10.6148 3.21372 10.466 3.21372 10.2175Z" stroke="url(#paint2_linear_605_20490)"/>
<path d="M14.5 5.5C14.5 5.64092 14.4214 5.84276 14.1273 6.09109C13.8356 6.33746 13.3837 6.58185 12.7816 6.7969C11.5817 7.22543 9.8912 7.5 8 7.5C6.1088 7.5 4.4183 7.22543 3.21842 6.7969C2.6163 6.58185 2.16445 6.33746 1.87267 6.09109C1.57858 5.84276 1.5 5.64092 1.5 5.5C1.5 5.35908 1.57858 5.15724 1.87267 4.90891C2.16445 4.66254 2.6163 4.41815 3.21842 4.2031C4.4183 3.77457 6.1088 3.5 8 3.5C9.8912 3.5 11.5817 3.77457 12.7816 4.2031C13.3837 4.41815 13.8356 4.66254 14.1273 4.90891C14.4214 5.15724 14.5 5.35908 14.5 5.5Z" fill="url(#paint3_linear_605_20490)" stroke="url(#paint4_linear_605_20490)"/>
<ellipse cx="8" cy="5.5" rx="5" ry="1.5" fill="#A6D3D6"/>
<defs>
<linearGradient id="paint0_linear_605_20490" x1="1.8776" y1="14.5572" x2="10.7054" y2="6.24614" gradientUnits="userSpaceOnUse">
<stop offset="0.308746" stop-color="#E5E5E5"/>
<stop offset="1" stop-color="#C4C4C4"/>
</linearGradient>
<linearGradient id="paint1_linear_605_20490" x1="2.46475" y1="3" x2="13.5352" y2="14" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9D9D9"/>
<stop offset="1" stop-color="#B3B3B3"/>
</linearGradient>
<linearGradient id="paint2_linear_605_20490" x1="1" y1="9.5" x2="5" y2="9.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#A4A4A4"/>
<stop offset="0.515625" stop-color="#C4C4C4" stop-opacity="0.996078"/>
<stop offset="1" stop-color="#C4C4C4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_605_20490" x1="8" y1="3" x2="8" y2="8" gradientUnits="userSpaceOnUse">
<stop stop-color="#F6F6F6"/>
<stop offset="1" stop-color="#A8A8A8"/>
</linearGradient>
<linearGradient id="paint4_linear_605_20490" x1="1" y1="5.50174" x2="15" y2="5.49826" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#F0F0F0"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@ -0,0 +1,46 @@
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.22752 4.64486C0.813175 4.99472 0.5 5.45057 0.5 6C0.5 7.95783 0.749518 10.1975 1.82298 11.9598C2.9239 13.7673 4.84605 15 8 15C11.154 15 13.0761 13.7673 14.177 11.9598C15.2505 10.1975 15.5 7.95783 15.5 6C15.5 5.45057 15.1868 4.99472 14.7725 4.64486C14.3558 4.29304 13.7825 3.99873 13.1179 3.76136C11.7843 3.28507 9.97479 3 8 3C6.02521 3 4.2157 3.28507 2.88208 3.76136C2.21745 3.99873 1.64418 4.29304 1.22752 4.64486Z" fill="url(#paint0_linear_606_20537)" stroke="url(#paint1_linear_606_20537)"/>
<path d="M14.5 6C14.5 7.90817 14.2495 9.9185 13.323 11.4396C12.4239 12.9157 10.846 14 8 14C5.15395 14 3.5761 12.9157 2.67702 11.4396C1.75048 9.9185 1.5 7.90817 1.5 6C1.5 5.85908 1.57858 5.65724 1.87267 5.40891C2.16445 5.16254 2.6163 4.91815 3.21842 4.7031C4.4183 4.27457 6.1088 4 8 4C9.8912 4 11.5817 4.27457 12.7816 4.7031C13.3837 4.91815 13.8356 5.16254 14.1273 5.40891C14.4214 5.65724 14.5 5.85908 14.5 6Z" stroke="white" stroke-opacity="0.66"/>
<path d="M2.71372 10.7175C2.71372 9.82624 3.49721 9.52464 3.8562 8.93498C4.21519 8.34532 3.8562 7.76671 3.28496 7.59808C2.71372 7.42945 2.14248 7.42068 1.57124 8.0437C1 8.66672 1 9.31443 1 9.82621C1 11.5 2 12.5 2.71372 12.5C3.11935 12.5 3.28496 12.2726 3.28496 12C3.28496 11.7274 2.71372 11.5 2.71372 10.7175Z" fill="white"/>
<path d="M3.21372 10.7175C3.21372 10.4485 3.31993 10.2663 3.51755 10.0525C3.58704 9.97728 3.65055 9.91554 3.72264 9.84544C3.7704 9.799 3.82193 9.7489 3.88147 9.68879C4.01399 9.55501 4.1629 9.39271 4.28328 9.19499C4.54759 8.76085 4.56273 8.28877 4.36918 7.89022C4.18359 7.50804 3.82869 7.23726 3.42652 7.11854C3.10409 7.02336 2.73054 6.95715 2.33421 7.03292C1.92719 7.11073 1.54937 7.3277 1.2027 7.70579C0.499749 8.47247 0.499901 9.28826 0.499998 9.80815C0.499999 9.81421 0.5 9.82023 0.5 9.82621C0.5 10.7632 0.780358 11.5373 1.18704 12.0879C1.57915 12.6187 2.13951 13 2.71372 13C3.00933 13 3.2927 12.9154 3.50272 12.7081C3.7117 12.5017 3.78496 12.2361 3.78496 12C3.78496 11.7588 3.6595 11.5803 3.59665 11.4959C3.56269 11.4503 3.52492 11.4048 3.49483 11.3685C3.49292 11.3662 3.49105 11.3639 3.4892 11.3617C3.45538 11.3209 3.42626 11.2855 3.39806 11.2483C3.2971 11.1148 3.21372 10.966 3.21372 10.7175Z" stroke="url(#paint2_linear_606_20537)"/>
<path d="M14.5 6C14.5 6.14092 14.4214 6.34276 14.1273 6.59109C13.8356 6.83746 13.3837 7.08185 12.7816 7.2969C11.5817 7.72543 9.8912 8 8 8C6.1088 8 4.4183 7.72543 3.21842 7.2969C2.6163 7.08185 2.16445 6.83746 1.87267 6.59109C1.57858 6.34276 1.5 6.14092 1.5 6C1.5 5.85908 1.57858 5.65724 1.87267 5.40891C2.16445 5.16254 2.6163 4.91815 3.21842 4.7031C4.4183 4.27457 6.1088 4 8 4C9.8912 4 11.5817 4.27457 12.7816 4.7031C13.3837 4.91815 13.8356 5.16254 14.1273 5.40891C14.4214 5.65724 14.5 5.85908 14.5 6Z" fill="url(#paint3_linear_606_20537)" stroke="url(#paint4_linear_606_20537)"/>
<ellipse cx="8" cy="6" rx="5" ry="1.5" fill="#8F5035"/>
<g filter="url(#filter0_i_606_20537)">
<circle cx="12.5" cy="13" r="3.5" fill="#FF6D00"/>
</g>
<circle cx="12.5" cy="13" r="3" stroke="#BC4305"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 13.5H11V12.5H14V13.5Z" fill="white"/>
<defs>
<filter id="filter0_i_606_20537" x="9" y="9.5" width="8" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.68776 0 0 0 0 0.490104 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_606_20537"/>
</filter>
<linearGradient id="paint0_linear_606_20537" x1="1.8776" y1="15.0572" x2="10.7054" y2="6.74614" gradientUnits="userSpaceOnUse">
<stop offset="0.308746" stop-color="#E5E5E5"/>
<stop offset="1" stop-color="#C4C4C4"/>
</linearGradient>
<linearGradient id="paint1_linear_606_20537" x1="2.46475" y1="3.5" x2="13.5352" y2="14.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9D9D9"/>
<stop offset="1" stop-color="#B3B3B3"/>
</linearGradient>
<linearGradient id="paint2_linear_606_20537" x1="1" y1="10" x2="5" y2="10" gradientUnits="userSpaceOnUse">
<stop stop-color="#A4A4A4"/>
<stop offset="0.515625" stop-color="#C4C4C4" stop-opacity="0.996078"/>
<stop offset="1" stop-color="#C4C4C4" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_606_20537" x1="8" y1="3.5" x2="8" y2="8.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#F6F6F6"/>
<stop offset="1" stop-color="#A8A8A8"/>
</linearGradient>
<linearGradient id="paint4_linear_606_20537" x1="1" y1="6.00174" x2="15" y2="5.99826" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#F0F0F0"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
public/available-icons.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/github-cover.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 422 KiB