Question

我是Bootstrap 4初学者。将Feather icons与Bootstrap 4一起使用的最佳方法是什么？

Answer 1

您可以安装此

npm install feather-icons

或

试试这个

<!DOCTYPE html>
<html lang="en">
  <title></title>
  <script src="https://unpkg.com/feather-icons/dist/feather.min.js"></script>
  <body>

    <!-- example icon -->
    <i data-feather="circle"></i>

    <script>
      feather.replace()
    </script>
  </body>
</html>

了解有关它的更多详情 android reference

Answer 2

在您下载羽毛的文件夹中创建一个html文件并添加行

<img src="activity.svg">

注意：无法在IE8或以下版本中使用。

将来尝试谷歌搜索。＆＃34;如何在html＆＃34;中使用svg文件你很容易找到答案！

Answer 3

尝试反应羽毛 https://github.com/feathericons/react-feather

安装

yarn add react-feather

或

npm i react-feather

用法

import React from 'react';
import { Camera } from 'react-feather';

const App = () => {
  return <Camera />
};

export default App;

与Bootstrap 4的羽毛图标

3 个答案: