标签: icons

我正在尝试了解 SVG 图标的工作原理。我有一个“font Awesome”图标，我想将其替换为 SVG 图标。我研究了 font Awesome icon 和 svg 自动调整它们的分辨率和大小。但是当我放置 svg 图标时，图标变得非常大。请指导我。

带有字体精美图标的图像：

 <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
     <div class="tile-stats">
         <div class="icon"><i class="fa fa-sort-amount-desc"></i>
         </div>
     <div id = "topbar3" class="count"></div>
     <h3>Occupancy Sq Ft</h3>
</div>

现在我想用 SVG 图标替换它：

代码：

<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="tile-stats">
    // SVG File
    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
       viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
    <path d="M912,865V188H765v-47.9c3,1.5,7.7,1.5,12.3,1.5c15.5,0,29.4-4.6,38.7-13.9c6.2-6.2,9.3-15.5,9.3-26.3
      c0-10.8-4.7-20.1-10.9-26.3c-7.7-7.7-20.1-10.7-35.6-10.7c-13.9,0-23.2-0.3-31,1.7h1.2v122H636v677H436V416h-83.5l-43.1-125h-20.1
      l-41.6,125H171v449H3v161h1017V865H912z M293.9,329.4c1.5-7.7,4.6-15.5,6.2-23.2c1.5,7.7,3.1,15.4,6.2,23.2l10.8,35.6h-35.6
      L293.9,329.4z M264.7,416l12.2-38h43.4l13.7,38H264.7z M763,78.1c3-1.5,7.9-1.5,15.6-1.5c17,0,29.5,7.7,29.5,24.8
      c0,17-11,26.3-31.1,26.3c-6.2,0-11.1,0-14.1-1.5V78.1z"/> …

如何向现有 Fontello 目录添加更多字体？

我知道我可以将 config.json 重新导入 Fontello 网站，然后选择新字体，然后重新下载配置文件。

这会更新配置文件，但当然不会更新实际的 .css 文件。

不需要再次下载整个 ZIP（这很烦人，因为每次文件名中都有不同的随机后缀），如何才能做到这一点？

我也尝试过通过 CLI，但基本上没有关于如何实现这一点的文档（如果可以的话）。

cd /path/to/my/fontello/dir
npm run-script build

我已经使用 RemoteView 制作了自定义通知 - 有人知道如何使用位图设置图标吗？或不在包中的可绘制对象 - 或者至少展示如何添加包/资源或更新它以便可以设置它。

我的目标是最小 API 17 ，Icon.CreateWithBitmap遗憾的是这对我来说不是一个选择，因为最小 API 是 23 。

我想要一个带有QMessageBox移动 GIF 作为图标的。所以我做了这个：

from PyQt5.QtGui import * 
from PyQt5.QtWidgets import *
import os
import sys

def msg_wait(s):
    msg = QMessageBox()
    msg.setIconPixmap(QPixmap('wait.gif').scaledToWidth(100))
    msg.setText(s)
    msg.setWindowTitle(" ")
    msg.setModal(False)
    # msg.setStandardButtons(QMessageBox.Ok)
    msg.show()
    return msg


class SurfViewer(QMainWindow):
    def __init__(self, parent=None):
        super(SurfViewer, self).__init__()
        self.parent = parent
        self.centralWidget = QWidget()
        self.setCentralWidget(self.centralWidget)

        self.msg=msg_wait('blablabla')
        self.msg.setStandardButtons(QMessageBox.Cancel)

def main():
    app = QApplication(sys.argv)
    ex = SurfViewer(app)
    ex.setWindowTitle('NMM Stimulator')

    ex.showMaximized()
    ex.show()
    # ex.move(0, 0)
    # ex.resizescreen()
    sys.exit(app.exec_( ))


if __name__ == '__main__':
    main()

GIF 的位置是：

但结果是一个固定的图像。我怎样才能让它动画化？我在QMovie课堂上尝试了一些东西，但无法在QMessageBox.setIconPixmap函数中设置它

我正在尝试通过此链接重现传单包上 Rstudio 示例的结果。它一直工作到第 5 节。当我尝试使用具有完全相同设置的 AddMarkers 命令时：

##### Location Names
Location <- c("Atlanta ","Los Angeles","Chicago","New York","Dallas","Baltimore","Phoenix","Charlotte","Houston","San Antonio", "Seattle" )

#### Latitude and Longitude values for each of the above location
Lat <- c(33.74401,33.82377,41.78798,40.767309,32.88153,39.148492,33.45444,35.2406,29.935842,29.44838,47.714965 )
Lon <- c(-84.56032,-118.2668,-87.7738,-73.978308,-96.64601,-76.796211,-112.32401,-81.04028,-95.398436,-98.39908,-122.127166 )

#### Some hypothetical number of orders shipped out of each location
Orders <- c(1992,2500,3600,2252,3650,3450,4145,3945,5050,4300,1987)

#### Let us create some hypothetical class flags for the cities
Type <- c(rep("Yoda",5),rep("Vader",6))
### Create data set from the above vectors
df <- data.frame(Location, Lat,Lon,Orders,Type)

mymap …

最近，我编写了一个程序，它加载可执行文件或 DLL 文件，枚举其中的所有图标资源，然后将每个图标资源作为 .ico 文件保存在文件夹中。但它使用直方图（如本文中讨论的）来避免保存重复的图标（看起来相同的图标）。
该程序首先从用户那里获取两条路径（用户必须在控制台窗口中输入它们）。其中之一是exe或dll文件的路径，另一个是保存.ico文件的文件夹的路径。
然后程序通过调用加载 exe 或 dll 文件，LoadLibraryEx并通过调用枚举图标资源EnumResourceNames。
传递的回调函数将EnumResourceNames每个非重复图标资源保存为具有唯一名称的 .ico 文件。保存的文件的名称如下：1.ico, 2.ico, 3.ico, 4.ico, .etc

我的完整代码和我的问题

问题是我的程序创建了损坏或未知的 .ico 文件，而不是真实的文件。我的意思是，一些保存的图标有奇怪的图像，其中一些根本不可见！尽管我BITMAPFILEHEADER使用函数将结构写入每个 .ico 文件WriteFile。
只需编译并运行我的代码，然后在控制台窗口中键入以下内容：

C:\Windows\System32\shell32.dll

然后键入要保存 .ico 文件的现有文件夹的路径。
接下来，等待至少 4 到 7 秒，直至操作完成。
然后打开该文件夹，然后看到图标！他们可笑了！
以下是我的代码。抱歉，如果注释中或者变量和函数的名称中存在拼写错误。无论如何，只有函数main()和EnumIcons()才是重要的，并且一定要阅读代码下面的解释。

#include <iostream>
#include <conio.h>
#include <Windows.h>
#include <string>
#include <vector>

using namespace std;

string folderPath;

//Variables to store the number of …

我不知道这是否可能，但我想我会问。

当我的电子应用程序打开浏览器窗口并在任务栏和窗口标题栏中显示一些图标后，我可以在浏览器打开时更改其中一个或两个图标吗？我怀疑答案是否定的，但我认为如果我能让它以某种方式做出反应那就太酷了。

我提出的搜索词主要引导我找到如何在窗口打开之前更改图标的答案。

我正在研究显示错误消息的简单表单，我的问题是当我尝试在警报消息上添加图标时，图标没有显示。我正在使用Feathericons来生成图标。

我制作了一个简单的片段，图标正常显示，但是当我使用 jquery 显示它时，它不起作用。

希望你能帮助我。

谢谢。

$(document).ready(function(){
   feather.replace();
   
   $('button').click(function(){
      $('.alert').html('<i data-feather="activity"></i>');
   });
  
});

<script src="https://unpkg.com/feather-icons@4.10.0/dist/feather.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button>show Icon</button>
<div class="alert"></div>
<hr>
<i data-feather="home"></i>
<i data-feather="alert-circle"></i>
<i data-feather="globe"></i>

我的文件夹中有一个 SVG icon.svg，我试图将它与文本一起渲染在按钮中。具体来说，它是 Google 图标，我试图将其呈现在一些显示“使用 GOOGLE 登录”的文本旁边

我按原样导入 SVG 并尝试将其传递到按钮旁边，但是文件路径正在呈现：

function App() {
  return (
    <div className="App">
            <button>{SVG}SIGN IN WITH GOOGLE</button>
    </div>
  );
}

这会呈现一个按钮，上面写着/static/media/Icon.a1611096.svgSIGN IN WITH GOOGLE

如何正确渲染按钮内的图标？

编辑：我一直在弄乱图标和按钮并接近：

https://codesandbox.io/s/10k7rr3rp4

我想在 Flutter 中为特定图标实现下拉列表，并在 AppBar 中对其应用 GestureDetector。它的代码是，

AppBar(
   actions: <Widget>[
      Padding(
        padding: const EdgeInsets.fromLTRB(4.0, 4.0, 0, 4.0),
        child: Image.network(
            "Some Image Url"),
      ),
   GestureDetector(
        onTap: () {
//       I want to implement the Dropdown List here.
        },
        child: Padding(
          padding: const EdgeInsets.all(0.0),
          child: Icon(Icons.arrow_drop_down),
        ),
      ),
     ],
    )