标签: icons

添加 png 图标到 HTML

我想知道是否有人可以帮助我。

首先道歉，因为对于某些人来说这可能是一个非常基本的问题，但我对此不熟悉，所以请耐心等待。

我使用下面的脚本在 fancyBox 中创建一个图像库。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
  <title>Gallery</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
    <script type="text/javascript" src="fancybox/lib/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="fancybox/source/jquery.fancybox.js?v=2.0.6"></script>
    <script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.2"></script>
    <script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.2"></script>
    <script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.0"></script>
    <link rel="stylesheet" type="text/css" href="fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.2" />
    <link rel="stylesheet" type="text/css" href="fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.2" />
    <link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css?v=2.0.6" media="screen" />


  <script type="text/javascript">  

            $('.fancybox').fancybox({
                openEffect  :   'elastic',
                closeEffect :   'elastic',

                padding :   20,
                fitToView   :   true,

                prevEffect :    'none',
                nextEffect :    'none',

                closeBtn  : false,
                arrows : false, …

Run Code Online (Sandbox Code Playgroud)

jquery icons fancybox

IRH*_*RHM

lucky-day

1
推荐指数

1
解决办法

2万
查看次数

Swing - 来自 Color 的新 ImageIcon

我需要以编程方式创建ImageIcon一个简单的颜色（比方说蓝色）：

所以我开始这样做：

ImageIcon imageIcon = new ImageIcon();

Run Code Online (Sandbox Code Playgroud)

现在我试图ImageIcon用蓝色填充我的。

java icons swing image colors

Jac*_*ck'

2017 11-06

1
推荐指数

1
解决办法

1661
查看次数

设置和部署：如何更改安装文件夹名称、图标和快捷方式

大约有 10 个关于程序集（程序）名称和图标的任务，以确保 Visual Studio 安装和部署项目成功运行。到目前为止，这些信息似乎散布在网上，所以我的问题是：是否有一个描述所有这些任务的列表？

c# vb.net icons setup-deployment visual-studio

作者

lucky-day

1
推荐指数

1
解决办法

2071
查看次数

在 React 中使用 UIKit 3 图标

我正在尝试在 React 项目中使用 UIKit 图标。但是，它们根本不显示。我正在使用 npm 并运行以下代码：

import '../node_modules/uikit/dist/css/uikit.min.css';
import '../node_modules/uikit/dist/js/uikit.min.js';
import '../node_modules/uikit/dist/js/uikit-icons.min.js';

<span data-uk-icon="social" className="uk-text-large"/>

Run Code Online (Sandbox Code Playgroud)

icons reactjs getuikit

Dan*_*ari

lucky-day

1
推荐指数

1
解决办法

2124
查看次数

flexdashboard 的离子名称

我想在构建仪表板时使用 ionicons 图标flexdashboard。从文档（https://rmarkdown.rstudio.com/flexdashboard/using.html#icon-sets）一个例子：

“ion-social-twitter”

Run Code Online (Sandbox Code Playgroud)

当我在 Iconons 网站 ( https://ionicons.com/ ) 中搜索相同的图标时，我得到

<ion-icon name="logo-twitter"></ion-icon>

Run Code Online (Sandbox Code Playgroud)

如果在我的 R 代码中插入“ion-logo-twitter”，它就不起作用。这个网站图标的正确名称是什么？谢谢

icons r flexdashboard

Mar*_*lli

2019 03-30

1
推荐指数

1
解决办法

2738
查看次数

稍微修改 resourceRegExp 时 NormalModuleReplacementPlugin 不起作用

正如CKEditor5主页上的官方建议，我想替换几个插件预装的标准图标。由于每个插件（例如 ckeditor5-core 或 ckeditor5-alignment）.svg在 [PLUGIN_DIR]/theme/icons 中都提供了自己的设置，因此建议的策略 - 用自己的修改替换它们 - 是可以理解和明确的：

(...) 使用 webpack 的 NormalModuleReplacementPlugin 插件

...
plugins: [
  new webpack.NormalModuleReplacementPlugin(
    /bold\.svg/,
    '/absolute/path/to/my/icon.svg'
  )
]

Run Code Online (Sandbox Code Playgroud)

基于此代码，我进行了试验并最终得到了以下结果：

...
plugins: [
  new webpack.NormalModuleReplacementPlugin(
    /\/theme\/icons\/[^/]+\.svg$/,
    resource => {
      console.log(resource.request);
      resource.request = path.resolve(
        THEME_PATH,
        "../../icons/coffee-solid.svg"
      );
    }
  ),
]

Run Code Online (Sandbox Code Playgroud)

导致以下（想要的/预期的）变化： before after

部分控制台输出：

../../theme/icons/bold.svg
../../theme/icons/italic.svg
@ckeditor/ckeditor5-core/theme/icons/quote.svg
@ckeditor/ckeditor5-core/theme/icons/image.svg
../theme/icons/numberedlist.svg
../theme/icons/bulletedlist.svg
../theme/icons/align-justify.svg
../theme/icons/link.svg
(node:10394) DeprecationWarning: Chunk.mapModules: Use Array.from(chunk.modulesIterable, fn) instead
@ckeditor/ckeditor5-core/theme/icons/object-right.svg
@ckeditor/ckeditor5-core/theme/icons/object-center.svg
@ckeditor/ckeditor5-core/theme/icons/object-left.svg
@ckeditor/ckeditor5-core/theme/icons/object-full-width.svg
@ckeditor/ckeditor5-core/theme/icons/low-vision.svg
../theme/icons/drag-handler.svg
@ckeditor/ckeditor5-core/theme/icons/cancel.svg
../theme/icons/redo.svg
../../../theme/icons/next-arrow.svg
../../../theme/icons/previous-arrow.svg
../theme/icons/undo.svg
../../../theme/icons/dropdown-arrow.svg …

Run Code Online (Sandbox Code Playgroud)

icons theming ckeditor webpack

Mil*_*lls

lucky-day

1
推荐指数

1
解决办法

1563
查看次数

Android 工作室错误：无法将任务“copyDebugIconFonts”添加为具有该名称的任务已存在

我有React Native项目。当我构建Android版本时，我收到一个错误：无法将任务“copyDebugIconFonts”添加为具有该名称的任务已存在。在我的终端中，我有这个错误： FAILURE : Build failed with an exception。

其中：脚本“/Users/evgeniykireev/openCalls/node_modules/react-native-vector-icons/fonts.gradle”行：16
出了什么问题：无法将任务“copyDebugIconFonts”添加为具有该名称的任务已存在。

我的 build.gradle：

buildscript {
    ext {
        buildToolsVersion = "28.0.3"
        minSdkVersion = 16
        compileSdkVersion = 28
        targetSdkVersion = 28
        supportLibVersion = "28.0.0"
    }
    repositories {
        google()
        jcenter()
    }
    dependencies {
        classpath("com.android.tools.build:gradle:3.4.1")

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

allprojects {
    repositories {
        mavenLocal()
        maven {
            // All of React Native (JS, …

Run Code Online (Sandbox Code Playgroud)

fonts icons android android-studio react-native

joc*_*ers

lucky-day

1
推荐指数

1
解决办法

1175
查看次数

这个图标叫什么（反应原生矢量图标）

我找到了这个简单的汉堡包图标。我想要这种时尚的图标。这个图标叫什么名字

icons android vector react-native

Mit*_*h K

2020 10-11

1
推荐指数

1
解决办法

92
查看次数

按下时如何更改 IconButton 的图标

我想知道如何在按下 IconButton 时更改其图标。（Favorite_border 到收藏夹）。我尝试了一些东西，但它不起作用。也许这很容易，但我是初学者，我不太了解它是如何工作的。

更新

import 'package:flutter/material.dart';
import 'package:cached_network_image/cached_network_image.dart';
import '../recyclerview/data.dart';
import 'package:watch/constants.dart';

int itemCount = item.length;
List<bool> selected = new List<bool>();

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  initState() {
    for (var i = 0; i < itemCount; i++) {
    selected.add(false);
    }
    super.initState();
  }
 
  Icon notFavorite = Icon(Icons.favorite_border, size: 25,);
  Icon inFavorite = Icon(Icons.favorite, size: 25,);

  @override
  Widget build(BuildContext context) …

Run Code Online (Sandbox Code Playgroud)

icons dart flutter iconbutton

Ria*_*nou

2020 11-26

1
推荐指数

2
解决办法

3850
查看次数

导入图标动态反应 fontawesome

我在 react js 项目中使用 FontawesomeIcon，图标的名称来自数据库。我想从@fortawesome/free-solid-svg-icons 动态导入来自数据库的图标

import React, { Component } from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {faImage} from "@fortawesome/free-solid-svg-icons";

export class Features extends Component {
  render() {
    return (
      <div id="features" className="text-center">
        <div className="container-fluid">
          <div className="features-listing">
            {this.props.data.map((item, index) => (
              <div key={`${index}`}>
                {" "}
                <FontAwesomeIcon icon={item.icon} />
                <h3>{item.title}</h3>
              </div>
            ))}
          </div>
        </div>
      </div>
    );
  }
}

export default Features;

Run Code Online (Sandbox Code Playgroud)

icons font-awesome reactjs

Amm*_*eel

lucky-day

1
推荐指数

2
解决办法

1511
查看次数