Skip to content

Latest commit

 

History

History
30 lines (29 loc) · 1.06 KB

File metadata and controls

30 lines (29 loc) · 1.06 KB

/**

  • svgr
  • import GlobeIcon from "@/assets/globe.svg";
  •     <GlobeIcon
         width={iconSize}
         height={iconSize}
         className="transition-all fill-red-500 duration-300"
       />
    
       <div className="flex gap-6 items-center mt-8">
         <div className="text-center">
           <GlobeIcon className="fill-blue-500" width={32} height={32} />
           <p className="text-xs mt-2">className fill</p>
         </div>
         <div className="text-center">
           <GlobeIcon className="fill-red-500" width={32} height={32} />
           <p className="text-xs mt-2">fill-red-500</p>
         </div>
         <div className="text-center">
           <GlobeIcon className="fill-green-600" width={32} height={32} />
           <p className="text-xs mt-2">fill-green-600</p>
         </div>
         <div className="text-center">
           <GlobeIcon fill="#f59e0b" width={32} height={32} />
           <p className="text-xs mt-2">fill prop</p>
         </div>
       </div>
    

*/