Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Cloudways icon #3352

Merged
merged 6 commits into from
Jan 6, 2021
Merged

Add Cloudways icon #3352

merged 6 commits into from
Jan 6, 2021

Conversation

avats-dev
Copy link
Contributor

Issue: closes #3295
Alexa rank: 8709

Checklist

  • I updated the JSON data in _data/simple-icons.json
  • I optimized the icon with SVGO or SVGOMG
  • The SVG viewbox is 0 0 24 24

Description

@avats-dev avats-dev changed the title Cloudways icon #3295 Cloudways icon Jul 21, 2020
@ericcornelissen ericcornelissen added the new icon Issues or pull requests for adding a new icon label Jul 22, 2020
@NovaGL
Copy link
Contributor

NovaGL commented Jul 23, 2020

Hi @avats-dev

Thanks for doing this. Can you please look at the size of the icon as it's not correct. It should be 24 x 24 however it's currently 1749.023 x 944.316

Have a look to make sure the icon is centred as well.

@avats-dev
Copy link
Contributor Author

Hi @avats-dev

Thanks for doing this. Can you please look at the size of the icon as it's not correct. It should be 24 x 24 however it's currently 1749.023 x 944.316

Have a look to make sure the icon is centred as well.

Hi @NovaGL , I changed the viewBox = "0 0 24 24", but it still is same. I really want to do this, but I don't know what should I do now.

I checked again and there are 2 path elements and I will compound them into one, but what should I do about size? I tried icomoon, but it remained same. Thanks for helping me out!

@NovaGL
Copy link
Contributor

NovaGL commented Jul 23, 2020

Try loading the image in inkscape and fix it there,

EDIT:
@avats-dev Here is what I have done. Might help you.

Download the zip file from the site you mentioned use the Graphic Only Inverted svg file

  • Load it into Inkscape
  • Create a new file with dimensions of 24 x 24.
  • Paste the SVG into this new file and lock resizing with width being 24.
  • Combine paths into a compound path ( Ctrl + K )
  • Remove any fill
  • Save the file and load it into https://jakearchibald.github.io/svgomg/
  • Add the role and title fields and remove <?xml version="1.0" encoding="UTF-8" standalone="no"?>

You should end up with something like this

<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Cloudways icon</title>
  <path d="M2.885 15.733H.83c-.277 0-.394-.115-.395-.388-.001-.158-.003-.316.002-.474a.31.31 0 01.323-.315h4.263c.187 0 .32.135.327.327.005.181.005.363 0 .544-.005.18-.154.306-.357.306H2.885zm6.364 1.548c-.106-.112-.192-.2-.274-.293a4.349 4.349 0 01-.75-1.164c-.03-.069-.067-.094-.142-.093-.27.005-.538.003-.807.002-.238 0-.363-.12-.37-.355a7.604 7.604 0 010-.474c.007-.232.132-.348.364-.349h.595a5.091 5.091 0 01.073-1.567H.635c-.325 0-.565-.19-.624-.49a.598.598 0 01.565-.706h.111c2.525 0 5.05-.001 7.576.002.093 0 .142-.03.188-.11.31-.536.718-.988 1.218-1.355a.22.22 0 00.074-.085H9.62c-1.923 0-3.847.001-5.77-.003a.875.875 0 01-.35-.069.584.584 0 01-.313-.667.602.602 0 01.582-.457H6.31c1.55 0 3.1-.001 4.65.002.091 0 .135-.022.166-.113.157-.468.386-.9.673-1.301l.092-.13c-.064-.003-.109-.007-.153-.007-2.25 0-4.5 0-6.749-.004a.878.878 0 01-.377-.081.573.573 0 01-.284-.66.594.594 0 01.594-.45h8.151c.088 0 .161-.02.236-.065a4.938 4.938 0 012.264-.707c2.366-.155 4.483 1.4 5.15 3.654.037.129.072.259.097.39.014.07.042.1.109.124 1.474.516 2.454 1.524 2.888 3.02.698 2.407-.673 4.878-3.006 5.566-.366.108-.74.17-1.121.171-1.72.01-3.442.019-5.162.02-3.403.003-6.806.002-10.21-.001a.841.841 0 01-.303-.052.585.585 0 01-.35-.664.602.602 0 01.572-.48H9.25z"/>
</svg>

It's good practice to load the path into this site so you can verify that everything looks correct.
https://petershaggynoble.github.io/MDI-Sandbox/simpleicons/preview/

image

@runxel
Copy link
Member

runxel commented Sep 29, 2020

Hey @avats-dev, you still with us? 😊
Lets us know if you're working on this PR. Thanks!

@avats-dev
Copy link
Contributor Author

@runxel sorry for not being active here, I was having problems in dealing with svg. I'm thinking of trying again. Can you spare me some more time for this? I'll update soon, thanks. 🥺

@runxel
Copy link
Member

runxel commented Sep 29, 2020

Sure, no problem! Take your time :)

@fbernhart fbernhart changed the title Cloudways icon Add Cloudways icon Dec 15, 2020
@adamrusted
Copy link
Member

Hi @avats-dev, are you still interested in contributing this icon? Don't worry if not, I can continue working from your PR here. 🙂

@adamrusted adamrusted added the awaiting reply Issues or pull requests awaiting reply from an individual before it may be addressed label Jan 4, 2021
@adamrusted
Copy link
Member

@simple-icons/maintainers there's now an SVG source including embedded colour. I've rebuilt the icon using the SVGs in the logo kit, and changed the colour. Needed 4 decimals though. If any of you can get it to 3 then feel free to merge into this branch.

@adamrusted adamrusted removed awaiting reply Issues or pull requests awaiting reply from an individual before it may be addressed changes requested labels Jan 6, 2021
@fbernhart
Copy link
Contributor

@adamrusted Done. 😉 It helped resizing it to 24.001 px in Inkscape before optimization. So it became 24.000 px after optimizing it with a precision of 3.

@adamrusted
Copy link
Member

Beautiful - thanks @fbernhart 🙏🏻

Copy link
Member

@adamrusted adamrusted left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Perfect, thanks @fbernhart for reducing this one down, and thanks @avats-dev for your initial work on this 🎉

@adamrusted adamrusted merged commit fddaaa8 into simple-icons:develop Jan 6, 2021
ericcornelissen added a commit that referenced this pull request Jan 10, 2021
# New Icons

- 3M (#3631)
- Accenture (#4396)
- AIOHTTP (#4536)
- AniList (#4609)
- AnyDesk (#4663)
- Apache JMeter (#4594)
- Apache Kylin (#4545)
- ARK Ecosystem (#4699)
- B&amp;R Automation (#4552)
- bigbasket (#4572, #4616)
- Bugcrowd (#4615)
- CheckiO (#4512)
- Chrysler (#4357)
- Cloudways (#3352)
- Cockroach Labs (#4665)
- CodeProject (#4617)
- CodinGame (#4575)
- Cognizant (#4392)
- Contentful (#4537)
- Cookiecutter (#3649)
- DataStax (#4393)
- De'Longhi (#4426)
- Deepnote (#4546)
- Digi-Key Electronics (#4398)
- Eclipse Vert.x (#4631)
- edX (#4452)
- egghead (#4644)
- Eight Sleep (#3638)
- Facepunch (#3671)
- FedEx (#4564)
- Fortran (#4397)
- FreeNAS (#4573)
- Gitee (#4625)
- Google Domains (#4622)
- Google Photos (#4341)
- Grubhub (#4544)
- Homebridge (#4607)
- Hyperledger (#4673)
- IKEA (#4555)
- Ingress (#3389)
- Jitsi (#4540)
- Kitsu (#4520)
- Klook (#4548)
- Lada (#4361)
- Lichess (#3535)
- Linktree (#4662)
- Looker (#4442)
- McLaren (#4538)
- MetaFilter (#4547)
- Motorola (#3425)
- Noun Project (#4608)
- Observable (#4640)
- Open Bug Bounty (#4627)
- Open Nebula (#4551)
- OpenCV (#4580)
- PageSpeed Insights (#4553)
- Paytm (#4643)
- pfSense (#4671)
- Pop!_OS (#3769)
- Progate (#3680)
- Progress (#4611)
- PyPy (#4281)
- Racket (#3483)
- Radar (#4319)
- Rainmeter (#3554)
- Reliance Industries Limited (#4702)
- Revue (#4391)
- ROS (#4658)
- SciPy (#3772)
- Scrimba (#4556)
- SEPA (#3154)
- SoloLearn (#4624)
- Spark AR (#4468)
- Speedtest (#4626)
- STARZ (#4612)
- Streamlit (#4412)
- Swiper (#4562)
- São Paulo Metro (#4570)
- tado° (#4637)
- TaxBuzz (#4619)
- Testin (#4571)
- Testing Library (#4542)
- ThinkPad (#4550)
- Ticketmaster (#4526)
- Tile (#4614)
- tmux (#3512)
- Treyarch (#4690)
- TrueNAS (#4574)
- Unraid (#4613)
- UPS (#4565)
- USPS (#4549)
- Vault (#4606)
- Vimeo Livestream (#4703)
- Webflow (#4568)
- Weights &amp; Biases (#4630)
- Wikiquote (#4687)
- Winmate (#3316)
- Wipro (#4359)
- Xilinx (#3424)
- Zelle (#4605)
- Zoho (#3661)
- Zomato (#4664)
- Zotero (#4561)

# Updated Icons

- Adobe XD (#3386)
- Amazon Lumberyard (#4591)
- Andela (#4592)
- Apache Maven (#4593)
- Daimler (#4618)
- DigitalOcean (#4648)
- Fossa (#4473)
- Gatsby (#4620)
- GIPHY (#4621)
- Google (#4508)
- Google Analytics (#4504)
- Google Cardboard (#4058)
- Google Fit (#4506)
- Harbor (#4598)
- Jira Software (#4657)
- Kahoot! (#4635)
- Kotlin (#4485)
- Kyocera (#4475)
- Lenovo (#4477)
- Material Design Icons (#4642)
- Mozilla (#4656)
- pr.co (#4655)
- SonicWall (#4654)
- StackPath (#4652)
- Stadia (#4503)
- Synology (#4220)
- TED (#4653)
- Trustpilot (#4481)
- Uber (#4650)
- Uber Eats (#4651)
- Udacity (#4596)
- Viber (#4597)
- Waze (#4583)
- Wish (#4482)
- WP Engine (#4639)
- XMPP (#4483)
- YouTube (#4582)
- YouTube Studio (#4581)
- YouTube TV (#4405)
- Zendesk (#4595)
- Zillow (#4636)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
new icon Issues or pull requests for adding a new icon
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Cloudways
7 participants