I'm trying to add icons in a login form (email icon and a password icon) but the icon is not shown instead a rectangle box is shown, here is the login page: Code: .email-password-boxes { display: flex; flex-direction: column; }…
I'm trying to replicate the following layout. However, I failed to align the texts with their corresponding icons. This is what I tried: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>Guia de Pesca Santos</title> <style> p { font-size:…
I changed the default flutter logo icon with a custom icon, but ended up messing up the alignment of the contents of the icon and wanted to change it again. I tried giving a new image path (path of the…
Have an icon Question is: how to fill that with an color inside? There it in svg ↓ <svg width="28" height="27" viewBox="0 0 28 27" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.1004 0C17.7169 0 15.4856 1.07339 14 2.87184C12.5144 1.07333 10.2832 0 7.89957 0C3.54375…
I need to do something like this but I don't know what I can do. When I try to move with Align, the icon doesn't move: I tried this: Widget AreaProfil(){ return Column( children: [ Container( margin: const EdgeInsets.only(left: 10.0),…
import React, { useState } from 'react' import { Text, View, Image, Pressable, TextInput, TouchableOpacity } from 'react-native' import Icon from 'react-native-vector-icons/FontAwesome'; const Signin = ({ navigation }) => { const [passwordVisibility, setPasswordVisibility] = useState(true); const [rightIcon, setRightIcon] = useState('eye');…
I have a multiple Pressable component. How can I make it that when I clicked on the Motorcycle pressable, the check icon would be shown beside it and if on the Tricycle Pressable, the check icon would be shown beside…
I'm following the guide from https://reactnavigation.org/docs/bottom-tab-navigator/ import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons'; const Tab = createBottomTabNavigator(); function MyTabs() { return ( <Tab.Navigator initialRouteName="Feed" screenOptions={{ tabBarActiveTintColor: '#e91e63', }} > <Tab.Screen name="Feed" component={Feed} options={{ tabBarLabel: 'Home', tabBarIcon: ({…
Tried both ways to show Icon: with import { Icon } from 'react-native-elements' with import Icon from 'react-native-vector-icons/FontAwesome' Dependencies import { Icon } from 'react-native-elements' import { Icon } from 'react-native-elements' <Icon raised name='heartbeat' type='font-awesome' color='#f50' onPress={() => console.log('hello')} />…
I uploaded icons to my menu using class and css code (Wordpress + Elementor), but I can't remove the space between the icon and the text. Used the following code example: .frio { background-image: url('https://zine.unlatino.com/wp-content/uploads/2022/05/icon_frio.svg'); background-repeat: no-repeat; background-position: left; background-size:…