All Questions
1,997
questions
0
votes
0
answers
15
views
I'm using the SvgUri package to render images. But not able to see while the app taken but connected via usb is working
This how I have imported
import Detail_R_Arrow from '../assets/images/detailRarrow.svg';
export {
Back_Arrow,}
This is my import statement
import SvgUri from 'react-native-svg-uri';
This how I ...
0
votes
0
answers
23
views
react-svg library and styles are not applied
I have used the "react-svg" library to display SVG icons because I wanted to enter the address of the icon directly, but the problem is that I cannot implement my styles on the icon, like I ...
0
votes
2
answers
30
views
Apply tailwind css class in linear-gradient stop-color
I need to use tailwind semantic css classes of tailwind.config file in SVG image inside lineargradient stop-color properties.
My react app has designer css file where hex color codes are used as var ...
0
votes
1
answer
26
views
I'm trying to style my icons that are dynamicaly imported from another file.js on my react app im using react-icons
my icons are imported and stored on a separate file.js i imported the file.js on my .jsx file & i can see the svgs being rendered on my website i also can change the size but the color remains ...
0
votes
0
answers
27
views
Import image icons or using icon library for better perfomence [closed]
I'm learning react.js. I want to use icons to beautify the appearance of the UI,
for best practices on a large scale,
Is it better to use a png icon that you have made yourself previously (or ...
0
votes
1
answer
40
views
Next.js SVG Image Mask (Reusable component)
I've been trying all day to create a reusable Next.js SVG Image mask component, using only tailwind / inline styles for locally stored images. I want to be able to pass an svg into it and an image and ...
0
votes
0
answers
35
views
import SVG with CDATA inside in React Application
I'm currently building a simple weather application using react-library.
The problem i'm facing is that the svgs that i'm using have <[!CDATA[]]> tag inside. So that when i do import svgExample ...
0
votes
0
answers
14
views
SVG Icon Taking Long to Reflect on Google
I have a Vite React app, and I've recently updated my favicon to an SVG file. However, it seems to be taking a long time for this change to be reflected on Google. Here are the details of my setup, I ...
0
votes
1
answer
28
views
Adjust the SVG Path to achieve required design in my react app using tailwind CSS
Here is my running code so far:
// DiscoveryResponse.jsx
import { useState } from 'react';
import Heading from '../Heading/Heading';
import DiscoveryButton from '../DiscoveryButton/DiscoveryButton';
...
-1
votes
0
answers
21
views
React Icons Gi (game-icons) importing all library when importing any of them
Like a title says, if I import any icon from their library my component have additional ~5MB https://game-icons.net https://react-icons.github.io/react-icons/icons/gi/
Code here! | I can paste svg ...
0
votes
2
answers
62
views
How to set dark mode for SVG circle and it's properties
I am using tailwind css in one of my react application where i used one SVG tag for circular progress bar. In the page i used to set the dark theme, Where in click of theme icon page converts to black ...
0
votes
2
answers
54
views
How can I prevent the second eye icon?
I had some preexisting code for a non-functional signup form, which already had an eye svg to it which would change the obstruction of the text within the password input box. However, upon adding some ...
0
votes
0
answers
37
views
Why is getBBox() returning {x: 0, y: 0, width: 0, height: 0} for visible SVG elements in React?
Here's my SVG:
<svg width="663" height="576" viewBox="0 0 663 576" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect id="misa" ...
0
votes
0
answers
26
views
Can't find the sgv id tag on canvas tag? [duplicate]
I try to pointing a dot on a svg file, but I can't find svg id tag in the code.
import React, { useEffect, useRef } from "react";
import "./App.css";
import hillstateSvg from "...
-1
votes
1
answer
39
views
SVG Progress bar flickering and not showing the running progress
I am running one SVG Progress bar, Which code was present in Javascript and HTML and i converted this to the React js with tailwind css. After converting the code i found here is like after set the ...