我將來自react icons的Instagram圖標(來自Simple Icons的SiInstagram)導入到我的app.css中，現在我正在嘗試更改我的Instagram圖標的顏色，以匹配社交媒體圖標的當前顏色。然而，我只能使用線性漸變來創建其背景的顏色效果，而不是實際的顏色。有什么方法可以達到同樣的顏色效果，但在& quot顏色:；"財產？

這是一個和歐盟議會一樣的時代

APP。射流研究…

import { SlSocialInstagram } from "react-icons/sl";

return (
    <div className="div-app">
      <div className="container-app">
        <div className="content">
            <div className="contact-div">
              <ul className="contact-ul">
                <li>
                  <a href="">
                    <BsFillTelephoneFill />
                  </a>
                </li>
                <li>
                  <a href="">
                    <BsFillEnvelopeFill />
                  </a>
                </li>
                <li>
                  <a href="">
                    <TbMessageCircle2Filled />
                  </a>
                </li>
                <li>
                  <IconContext.Provider
                    value={{ color: "blue", className: "global-class-name" }}
                  >
                  <a href="">
                    <SlSocialInstagram id="instagram-icon" />
                  </a>
                  </IconContext.Provider>
                  ;
                </li>
              </ul>
            </div>
          </div>
    </div>
  );
}

APP。半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)

.contact-div {
  display: inline-block;
  font-size: 25px;
  vertical-align: top;
  margin: 150px 0 0 40px;
}

.contact-ul {
  list-style: none;
  padding: 0;
}

.contact-ul li {
  margin-bottom: 15px;
}

.contact-ul li a {
  text-decoration: none;
  color: white;
}
#instagram-icon {

  background-image: url("./assets/headset.jpg");
}