Comments (10)
How do I change favicon?
from v4.
Hello, I have researched the code and in the loader.js changed the letter to M
<text x="33.7" y="70" fill="currentColor" fontSize="55px" fontFamily="Consolas, serif">
M
</text>
also in the logo.js do the same thing;
from v4.
Hello, I have researched the code and in the loader.js changed the letter to M
<text x="33.7" y="70" fill="currentColor" fontSize="55px" fontFamily="Consolas, serif"> M </text> also in the logo.js do the same thing;
Thank you for your answer, I couldn't find it at first but succesfully did after some time. We just need to change the SVG path to our own specified SVG logo path and play around with the values of translate to center the SVG logo into the hexagon in logo.js
from v4.
Great, thank you
from v4.
Hello, I have researched the code and in the loader.js changed the letter to M
<text x="33.7" y="70" fill="currentColor" fontSize="55px" fontFamily="Consolas, serif"> M </text> also in the logo.js do the same thing;
Thank you for your answer, I couldn't find it at first but succesfully did after some time. We just need to change the SVG path to our own specified SVG logo path and play around with the values of translate to center the SVG logo into the hexagon in logo.js
How did you do that? would you help me to do this I went to change it to C
Edited: I resolved this issue.๐ But didn't find any solution to change favicon can you help me to figure it out?
Thank you
from v4.
Inside the logo.js. Just Remove the path, and add the path I told you. Here is the full code of the logo.js I used
import React from 'react';
const IconLogo = () => (
<svg id="logo" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 84 96">
<title>Logo</title>
<g transform="translate(-8.000000, -2.000000)">
<g transform="translate(11.000000, 5.000000)">
<polygon
id="Shape"
stroke="currentColor"
strokeWidth="5"
strokeLinecap="round"
strokeLinejoin="round"
points="39 0 0 22 0 67 39 90 78 68 78 23"
/>
</g>
</g>
<text x="28" y="65" fill="currentColor" fontSize="50px" fontFamily="Consolas, serif">
M
</text>
</svg>
);
export default IconLogo;
from v4.
You can change the image named favicon.ico to your own icon๐
from v4.
You can change the image named favicon.ico to your own icon๐
Actually no. The icon directory can be changed from config.js file. Mine one worked without changing image. I just changed the location of .ico file to my own one in > config.js
from v4.
It's okay too
from v4.
Thank you for your response
@arpan-mandal @highmountain12321
from v4.
Related Issues (20)
- Issue with project installation HOT 8
- [Feature] - How can I add gif instead of image in feature projects HOT 1
- Query regard Using This Template HOT 3
- Issu with "npm start" HOT 3
- Project not installing correctly HOT 4
- Unable to get the favicon removed HOT 5
- Installation problem HOT 2
- nvm HOT 1
- Taking forever to building schema HOT 4
- Error while 'building-schema' on running npm start HOT 1
- TypeError: Joi.subPlugins is not a function
- failing to install and build HOT 5
- Cant Able to run and build HOT 2
- Change icon and name in tab bar
- Issues deploying via Netlify HOT 2
- Deploying to GitHub pages HOT 2
- How to edit "2. Where have I worked" section? HOT 3
- test issue
- Footer cannot display stars and forks HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from v4.