Bootstrap Icons homepage, documentation and download - Bootstrap official open source SVG icon library - OSCHINA - Chinese open source technology exchange community

Bootstrap Icons is an open source SVG icon library of Bootstrap. At first, this icon library was designed and built specifically for its components and documents from form controls to navigation. Now it can be used for any project for free, no matter whether Bootstrap is used in this project or not.

Bootstrap Icons are SVG icon libraries, so they can be quickly and easily extended, and can be customized with the use of CSS. According to your own settings, you can add Bootstrap Icons to the project in various ways:

Copy and paste SVG as embedded HTML element

 <svg class="bi bi-chevron-right" width="32" height="32" viewBox="0 0 20 20" fill="currentColor" xmlns=" http://www.w3.org/2000/svg "><path fill-rule="evenodd" d="M6.646 3.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L12.293 10 6.646 4.354a.5.5 0 010-.708z"/></svg>

adopt <img> Element Reference

 <img src="/assets/img/bootstrap.svg" alt="" width="32" height="32" title="Bootstrap">

Using SVG sprite

 <svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#heart-fill"/> </svg> <svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#toggles"/> </svg> <svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#shop"/> </svg>

Introduced through CSS

 .bi::before { display: inline-block; content: ""; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns=' http://www.w3.org/2000/svg '><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>"); background-repeat: no-repeat; background-size: 1rem 1rem; }

MrChen89 2024-04-29 09:18

There are a group of people like this. I don't know what they have experienced. When it comes to HW, I can't say anything good, even if it's neutral

zhuzhua 2024-05-21 10:08

I'm laughing to death. Those who have been deeply kidnapped dare not pay? Who will use the domestic open source framework of small companies in the future will be 213!!! Wait for harvesting later

Francesca 2024-06-10 16:19

Be ignorant. This thing has a long history. It is used for scientific computing and has high performance

gamedot 2024-05-17 11:14

Old Zhou is deeply concerned about Huawei's great cause of open source. He is not a Huawei person, but has Huawei's soul.

oldpig 2024-04-28 09:59

”Huawei contributed all the source code "?, the title is completely inconsistent with the content.

Small and beautiful software development 2024-06-08 23:03

It's mainly about waist training

Li Yinghui 2024-05-09 16:40

Buddhism has a good word, evil opinion. In dealing with the world, it is meaningless to draw conclusions from preset positions; It is also important to receive good logic training.

Xiao_f 2024-06-07 22:59

One thing to say, compared with other domestic manufacturers, Qwen's relaxed licensing fully demonstrates the style of a large factory

xiaoqibabby 2024-05-15 17:36

The bank is strongly required to be responsible for

Wang Zheng 2024-06-08 09:46

You said, "All the tests are graduate students" and smiled. I don't know my level is low.

Single structure 2024-05-11 10:09

Selected as Open Source China's disgrace pillar

Yeah, for 2024-05-17 13:42

That's too right. Old Zhou can't control Google, but he can control 360. Do not do to others what you do not want. All 360 products should be opened first.

Ding Yun H 2024-06-07 20:44

There is no querydsl. Since querydsl was used, I can't look at other forms anymore

One code Yma 2024-05-09 09:58

Recently, I often go to interviews. People who hate Ali background most regard me as a fool, even though I am a fool

GDWhisperer 2024-05-15 17:23

I transferred tens of thousands of yuan to my own account, which was under risk control. How did I do this? The bank should be responsible for this**

One code Yma 2024-05-06 09:14

My technical article was moved by CSDN. Why didn't anyone step on the sewing machine? This kind of report is a joke to me. The monsters with background are fine, and the monsters without background fight to death

osc_27546117 2024-06-09 22:36

Learned electric programming and expected its progress

kangert 2024-06-09 20:07

The problem of docker hub is very uncomfortable

Xiao Xu Middle aged 2024-06-08 10:12

First place in making money!! Money and treasures will be plentiful

-SORA- 2024-04-30 17:07

When this happened in a foreign country, the comment area suddenly became very objective and rational**

Chief taxi captain 2024-05-17 11:17

I suggest that 360 open source all its products, and then become the leading enterprise in the domestic open source industry through open source, leading everyone to compete with foreign enterprises

Happy LeapFrog 2024-05-18 09:18

But the question is: "What's the use of this for ordinary Android users?" Now the answer seems to be: "Almost nothing.".

Xiaoxia cat ball 2024-06-09 21:29

Very good, come on

kakai 2024-05-10 10:21

The world only knows that Android was created by Google. Several people know that Android is only a product acquired by Google. Similarly, what is the problem with Huawei's contribution to the collection of OGG open source work and integration into its own proprietary product line?

Monkeys think of apes 2024-05-31 18:31

You can cheat your brother. Just don't cheat yourself

Ai East 2024-06-10 19:11

Absolutely easy to use

monkey_cici 2024-05-09 00:25

My I9 CPU, 64GB memory module and 3080Ti computer are inferior to the top configuration of 19999 on a tablet

Ma Nong Little Fatty Brother 2024-05-16 14:40

I give you six seconds. I give you six moves with the same effect in the martial arts contest, which shows the invincibility and confidence of the master

Bright 2024-05-19 23:25

What a fool! I killed myself. How can people deal with me later.

brucepapa 2024-06-09 21:02

I also have several backaches... After a few days of exercise, it will be much better to focus on stretching the back muscles.

kangert 2024-06-09 20:10

Really need to practice

yh2216 2024-06-09 13:15

Like c++

sunday12345 2024-05-15 18:31

What does the bank do? It's blamed on the remote desktop. Persimmons really pick up soft pinches~?

H Fine water and long flow H 2024-06-10 09:39

I haven't heard about whether fartran has paid. I'm in the top ten

Francesca 2024-05-19 18:00

Wine runs the Android emulator of Windows. Chrome OS is installed in the Android emulator. Linux environment is installed in chrome OS. Linux environment is installed in the Linux environment. Wine is installed in the Android emulator

abeet 2024-06-08 20:38

There are no pictures, for fear that we will learn, right

pan3793 2024-06-07 22:26

Let AI give AI a score

SnailJob 2024-06-09 09:13

Yes, please continue to follow Snail Job

zhy 2024-05-16 13:16

At the end of Shannon is Nong

lyh97157268 2024-06-09 20:58

Yoona520 2024-05-17 16:34

Zhou Hongyi is now living more and more like a clown. If he stays behind the scenes, he has to become an online celebrity. Can you learn from Lei Jun?

muwanqing123 2024-06-09 08:28

Bullshit authentication

osc_566335 2024-04-28 14:44

This is also called floor washing? Does it mean that Tesla will not wash the floor if it releases all the source code? Some people HWptds? That is to say, the language is ambiguous, which will also rise to the washing ground? Are some people too focused? Think the people he pays attention to must be staring at?

generation

Code e person 2024-06-09 10:03

Prepare the next project and try it

golyu 2024-06-10 14:45

If only this was the library of solidjs

zoujiaqing 2024-06-07 21:22

I dare not use it

Francesca 2024-06-09 13:21

But the end of closed source must be open source, because many people who are dissatisfied with closed source have created open source, so the end of open source is not necessarily closed source, but to find a business model that is open source= Free Admission

Qin Liming 2024-05-11 09:12

be devoid of any sense of shame

zhangleijie 2024-06-08 10:08

pretty good

Shuimu Yi'an 2024-05-20 09:58

The news should be read continuously. I'm waiting for the third news besides rustdesk and teamviewer. Localized remote desktop software is far ahead.

osc_92224065 2024-04-29 10:57

Long term oppressed outsourcing of state-owned enterprises

Xiao Xu Middle aged 2024-06-08 12:43

Do AI functions need networking? Will it be 404?

Kevin586 2024-06-08 14:41

Dream is garbage, which can also be listed and refresh my cognition

zzeric 2024-04-28 20:01

Although France is the parent community, the core developers of OCCT on github are all Russians. Without Russians, the French parent community cannot continue to operate. So Huawei took over, moved to China, changed its name and resumed open source and community operations. What's the problem?

CodeDoger 2024-05-02 20:48

35 It's too old to go to work and too early to retire at 60

zoujiaqing 2024-06-07 21:21

Spring boot was not updated last year

infoworld 2024-05-11 15:12

Universities should use open source free software instead of commercial ones. In this way, hands and feet will not be tied technically.

iVista 2024-06-10 18:13

I was blinded by the math test

Xiao Xu Middle aged 2024-06-10 07:05

Learn

yh2216 2024-06-09 23:03

I remember saying that one year C++was the language of the year,

Bootstrap Icons Bootstrap official open source SVG icon library

Software Introduction

code

comment

Bootstrap icon set v1.2.0 release - Xiti CSS icon font!

Bootstrap Icons v1.0.0 stable release, open source SVG icon library

Bootstrap Open Source SVG Icon Library Bootstrap Icons

{{formatAllHtml(o.title)}}

{{formatAllHtml(o.title)}}

Awesome software

Hot content

Popular comments of the whole site

Others are still watching

Software Author

Hot News

OSCHINA Community

Online tools

Introduction

QQ group

Public account

Video number