Icon Fonts: How do they work?

Glyphicons are images and not a font. All the icons are found within a sprite image (also available as individual images) and they are added to the elements as positioned backround-images: Actual font icons (FontAwesome, for instance) do involve downloading a specific font and make use of the content property, for instance: @font-face { … … Read more

What do the arrow icons in Subclipse mean?

When working with the Subversion repository, remote changes (those on the repository) are incoming changes (remote → local), while local changes are outgoing changes (local → remote). In views that compare the local and remote copies, incoming changes are denoted with a blue, left-facing arrow, while outgoing changes are denoted with a gray, right-facing arrow. … Read more

Round button with text and icon in flutter

EDIT 1: With Flutter 1.20 release Flutter Team did breaking changes introducing new buttons. So the below mentioned button types are deprecated. Use TextButton instead of FlatButton and ElevatedButton instead of RaisedButton. TextButton.icon(onPressed: null, icon: null, label: null); Elevated.icon(onPressed: null, icon: null, label: null); See breaking changes for buttons and their themes here Note: FlatButton … Read more

How to change Toolbar home icon color

I solved it by editing styles.xml: <style name=”ToolbarColoredBackArrow” parent=”AppTheme”> <item name=”android:textColorSecondary”>INSERT_COLOR_HERE</item> </style> …then referencing the style in the Toolbar definition in the activity: <LinearLayout android:id=”@+id/main_parent_view” android:layout_width=”match_parent” android:layout_height=”match_parent” android:orientation=”vertical”> <android.support.v7.widget.Toolbar xmlns:android=”http://schemas.android.com/apk/res/android” xmlns:app=”http://schemas.android.com/apk/res-auto” android:id=”@+id/toolbar” app:theme=”@style/ToolbarColoredBackArrow” app:popupTheme=”@style/AppTheme” android:layout_width=”match_parent” android:layout_height=”wrap_content” android:minHeight=”?attr/actionBarSize” android:background=”?attr/colorPrimary”/>

iOS app icon with transparent background showing black background on device

From the apple developer website after a quick search: Avoid transparency. An app icon should be opaque. If the icon’s boundaries are smaller than the recommended sizes—or you use transparency to create “see-through” areas—the resulting icon can appear to float on a black background, which tends to look especially unattractive on the beautiful wallpapers that … Read more

SVG icons vs. PNG icons in modern web sites

Reasons SVG may be a good choice: it seamlessly supports browsers of any size, especially with css’s background-size you can scale them up/down will, such as to to a hover effect you can embed SVGs and do real-time modifications to them with JavaScript and the DOM you can style SVGs and parts of SVGs with … Read more