I am trying to setup some custom svg icons like this <i class="my-svg-icon"></i> I have the svg displayed but cannot adjust the color .my-svg-icon { height: 25px; width: 25px; color: red !important; content: url('/mysvg.svg'); } I have set the stroke…
i'm trying to make the background color of the icon green without it going over the circular shape of the icon i've been trying to match the html element's border to the icon's shape, but the element's border is always…
appBar: AppBar( leading: BackButton( onPressed: () { Get.off(exercisePage()); }, ), shape: RoundedRectangleBorder( borderRadius: BorderRadius.only( bottomLeft: Radius.circular(30), bottomRight: Radius.circular(30)), ), automaticallyImplyLeading: false, title: Padding( padding: const EdgeInsets.only(left: 25), child: Text( 'Regular exercise', style: TextStyle( fontFamily: 'FontMain', fontSize: 22, color: Colors.indigo), ),…
I cannot put any Font-Awesome Icons inside of TouchableHighlights or Pressable elements. <TouchableHighlight onPress={someOnPressMethod}> <FontAwesomeIcon icon={faPlus} color='white'/> </TouchableHighlight> If I do so the following error occurs: ERROR TypeError: Cannot read property 'color' of undefined This error is located at: in…
While developing a project in react native and using icons from IonIcons, I realized that the icons for repeat single tract and repeat queue are absent. I have found suitable icons in the form of an svg, how do I…
I tried using <i class="fa-brands fa-github"></i> to insert the github icon into my work but it didn't show. How do I achieve this? Please I need help as soon as possible so that I can finish and submit an assignment…
The icon to use is a name received from server side, e.g., "lock", How to map "lock" to Icons.lock? Icon(Icons.lock) Do I need to create a Map from string(name) to flutter icon constants? Expecting a static method Icons.fromName(String name)
So I'm wanting to be able to do something like this: button.accordion:after { font-family: FontAwesome; content: "f150"; font-family: "fontawesome"; font-size: 18px; float: right; } But I'm not sure how to find the unicode value. There are some similar questions on…
screenshot# the code was perfect in CodePen, what i run in a firfox or chrome this problem appears. i fixed it in 'browser inspect" with "line-hight" but when i write the solution in VScode, nothing is solved. the code was…
I have multiple Icon components like this: import { IconProps } from "@utils/types"; const FilterIcon = (props: IconProps) => { const { fillColor, width, height } = props; return ( <svg width={width} height={height} viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg" >…