Can I add custom icon in sofwareSkills section

[iamferozi]

Summary

How can i add custom icons in my softwareSkills sections? As according to the functionality I can only use icons available on fontawesome.com.

What's new?

redesign of a previous component

Motivation

i would be able to add custom icons in software skills section.

Additional context

No response

[saadpasta]

No not right now we are using fontawesome so you can you fontAwesome icons

[Jolomi-Tosanwumi]

You can use devicon as proposed here. I also found out a way to add custom icons to skill (especially when they are not in both fontAwesome and devicon).

1. Create a folder in src/assets and name it anything e.g. <icons>
2. Download your svg icon (e.g. <my-icon.svg>) to the <icons> folder.
3. Give the icon a className (e.g. <my-icon-className>) and add it to src/portfolio.js same way you added a fontAwesome icon. e.g.

...   
   {
     skillName: "my skill",
     fontAwesomeClassname: "<my-icon-className>"
   },
...

4. Link <my-icon-className> to <my-icon.svg> by adding the code block below to src/components/softwareSkills/SoftwareSkill.scss

.<my-icon-className> {
  background-color: currentColor; /* Inherit the parent color */
  mask-image: url('../../assets/<icons>/<my-icon.svg>');
  mask-size: cover;  width: 50px; /* Adjust width */
  height: 50px; /* Adjust height */
  display: inline-block; /* Ensures it behaves like an inline element */
}

Repeat steps 2 - 4 to add more icons.