I haven't found this Icon's name in font awesome does anyone know it's name ??
I tried to search with Google Image but nothing ...
Thanks
This is not a font-awesome icon, the closest you have it's the map-signs one:
Check the cheatsheet at https://fontawesome.com/cheatsheet for all the icons.
Related
I've been following this tutorial by Coder Coder to make my vscode look better
(tutorial link https://youtu.be/pGzssFNtWXw).
As per the video I've opened the settings.json file and just wrote some code
But when I try to change the color of the icons in the activity bar, nothing happens, here is the line of code I tried to use to change the color:"activityBarBadge.foreground": "#000000" this does not work though
Here is the code:
"workbench.colorCustomizations": {
"editor.background": "#000814",
"sideBar.background": "#000d20",
"sideBarTitle.foreground": "#ffd60a",
"sideBarSectionHeader.foreground": "#ffd60a",
"activityBar.activeBackground": "#ffea81d5",
"activityBar.background": "#22223b",
"statusBar.background": "#ffd60a",
}
Here is the result I got:
To change the Activity Bar icon colors use these two colorCustomizations:
"activityBar.inactiveForeground"
"activityBar.foreground" // for the active icon
I have a project, I need to show the status of the project using icons. I have different status like new, open, in progress, completed, accepted.
Can anyone suggest best icons to show the above status of the projects.
Thanks in Advance.
There are two sets of mostly used Library available as per UI :
Material Icons :
Material Design Icons
Font awesome icons :
Font awesome version 4
Font awesome version 5
Few of those icons are available along with loading animation.
So if you choose Font awesome version 4 Icons :
then as per your sequence :
New - fa-plus-circle
Open - fa-folder-open
In Progress - fa-spinner
Completed - fa-check-square
Note : For Font-awesome version 4.7. assign above name to class along with suffics fa . And to change color of particular icon use icon class name (i.e. for above exapmle in case of New .fa .fa-plus-circle { css } )
How to change the title logo in cakephp 3.0 ? Added another image instead of default cakephp logo image Anyone explain with example
Thank you
The fav icon can be edited by using the below code layout file.
$this->Html->meta(
'favicon.ico',
'/favicon.ico',
['type' => 'icon']
);
replace the favicon.ico with image you want.
Hope this helps..
While creating graphs using vis.js we can specify how the nodes can be displayed using the options.
var options = {
width: '400px',
height: '400px',
edges:{
style:'arrow'
},
nodes:{
shape:'icon'
}
};
by using 'icon' for style we use either bootstrap or fontawesome glyph icons. The documentation talks about using unicodes.
Created a Plunker and the Icons are not showing up.
http://plnkr.co/edit/DFYz26SOxGY9IvMqSuKm?p=preview
Not sure what i am doing wrong.
Thanks
I took a look at your plunker and I fixed it here:
http://plnkr.co/edit/NQarGkQSYeg3Cl0SdBGy?p=preview
I'm one of the devs of vis.js and I'd like to explain what went wrong here. First, you will need to include the css of fontawesome so vis knows where to find the glyphs. So we add:
< link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Second, going by your plunker, you set the shape of the nodes to 'circle'. That means the nodes will not care about the icon options. In your question you have set the node shape to 'icon'. This means, the node will use the additional icon options for configuring the icons.
So we added (to the global nodes options):
iconFontFace:'FontAwesome',
iconSize:50
Now for the unicode. You will need to specify which icon vis is supposed to show you. This is done by the icon option. So where do we find the unicode? Lets look at this example: http://fortawesome.github.io/Font-Awesome/icon/coffee/
and we find: fa-coffee · Unicode: f0f4 · Created: v3.0 · Categories: Web Application Icons
So the unicode is f0f4 and in javascript we write this as \uf0f4
From your problem I noticed there are no default settings for the icons, which will be fixed with the 4.0 release.
For further reference you can take a look at the docs: http://visjs.org/docs/network.html#Nodes_configuration
a working example with multiple icons from fontawesome and Ionicons:
http://visjs.org/examples/network/38_node_as_icon.html
To wrap up, next time you have an issue, please post it in our Github page, we try to collect all the questions there :)
https://github.com/almende/vis/issues
Good luck!
Previously (v0.5.2) core-icons/social-icons.html was defining:
post-facebook
post-twitter
post-gplus
This doesn't seem to be the case in v0.5.4 anymore.
Are there any other icons subject to removal?
Thanks,
F.
Yes. The open source material icons do not include the post-* icons, and 0.5.3/4 rebased on the open source set.