𐤁𐤏𐤏𐤕𐤔𐤕𐤓𐤀𐤐-𐤉𐤂𐤏𐤍𐤔[1811](bootstrap-icons[1811])

当サイトは、「Bootstrap」の「Bootstrap’s CSS and JS.」を利用して構築されていますが、コンプセットは、別ものです、その点をご理解して下さい。

Include Bootstrap’s CSS and JS. [bootstrap参照]

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
  </body>
</html>

Include the icon fonts stylesheet—in your website <head> or via @import in CSS—from our CDN and get started in seconds.[Bootstrap Icons参照]
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">

News tab's.サイトの最新情報は、この.navから入手します。

2022-09-01「section_element」作成。

2022-09-11「bootstrapサイトのハックページ」作成。

powered navigation.

「bootstrap-icons」ページを引用し、個人的な利用目的なのでご理解お願いします。

Currently v1.9.1 アイコン_list *Icons Install Accessibility GitHub repo

bootstrap-iconsから引用。

No.	ICON.
0001	1-circle
0002	1-circle-fill
0003	1-square
0004	1-square-fill
0005	123
0006	2-circle
0007	2-circle-fill
0008	2-square
0009	2-square-fill
0010	3-circle
0011	3-circle-fill
0012	3-square
0013	3-square-fill
0014	4-circle
0015	4-circle-fill
0016	4-square
0017	4-square-fill
0018	5-circle
0019	5-circle-fill
0020	5-square
0021	5-square-fill
0022	6-circle
0023	6-circle-fill
0024	6-square
0025	6-square-fill
0026	7-circle
0027	7-circle-fill
0028	7-square
0029	7-square-fill
0030	8-circle
0031	8-circle-fill
0032	8-square
0033	8-square-fill
0034	9-circle
0035	9-circle-fill
0036	9-square
0037	9-square-fill
0038	activity
0039	airplane
0040	airplane-engines
0041	airplane-engines-fill
0042	airplane-fill
0043	alarm
0044	alarm-fill
0045	alexa
0046	align-bottom
0047	align-center
0048	align-end
0049	align-middle
0050	align-start
0051	align-top
0052	alipay
0053	alt
0054	android
0055	android2
0056	app
0057	app-indicator
0058	apple
0059	archive
0060	archive-fill
0061	arrow-90deg-down
0062	arrow-90deg-left
0063	arrow-90deg-right
0064	arrow-90deg-up
0065	arrow-bar-down
0066	arrow-bar-left
0067	arrow-bar-right
0068	arrow-bar-up
0069	arrow-clockwise
0070	arrow-counterclockwise
0071	arrow-down
0072	arrow-down-circle
0073	arrow-down-circle-fill
0074	arrow-down-left-circle
0075	arrow-down-left-circle-fill
0076	arrow-down-left-square
0077	arrow-down-left-square-fill
0078	arrow-down-right-circle
0079	arrow-down-right-circle-fill
0080	arrow-down-right-square
0081	arrow-down-right-square-fill
0082	arrow-down-square
0083	arrow-down-square-fill
0084	arrow-down-left
0085	arrow-down-right
0086	arrow-down-short
0087	arrow-down-up
0088	arrow-left
0089	arrow-left-circle
0090	arrow-left-circle-fill
0091	arrow-left-square
0092	arrow-left-square-fill
0093	arrow-left-right
0094	arrow-left-short
0095	arrow-repeat
0096	arrow-return-left
0097	arrow-return-right
0098	arrow-right
0099	arrow-right-circle
0100	arrow-right-circle-fill
0101	arrow-right-square
0102	arrow-right-square-fill
0103	arrow-right-short
0104	arrow-through-heart
0105	arrow-through-heart-fill
0106	arrow-up
0107	arrow-up-circle
0108	arrow-up-circle-fill
0109	arrow-up-left-circle
0110	arrow-up-left-circle-fill
0111	arrow-up-left-square
0112	arrow-up-left-square-fill
0113	arrow-up-right-circle
0114	arrow-up-right-circle-fill
0115	arrow-up-right-square
0116	arrow-up-right-square-fill
0117	arrow-up-square
0118	arrow-up-square-fill
0119	arrow-up-left
0120	arrow-up-right
0121	arrow-up-short
0122	arrows-angle-contract
0123	arrows-angle-expand
0124	arrows-collapse
0125	arrows-expand
0126	arrows-fullscreen
0127	arrows-move
0128	aspect-ratio
0129	aspect-ratio-fill
0130	asterisk
0131	at
0132	award
0133	award-fill
0134	back
0135	backspace
0136	backspace-fill
0137	backspace-reverse
0138	backspace-reverse-fill
0139	badge-3d
0140	badge-3d-fill
0141	badge-4k
0142	badge-4k-fill
0143	badge-8k
0144	badge-8k-fill
0145	badge-ad
0146	badge-ad-fill
0147	badge-ar
0148	badge-ar-fill
0149	badge-cc
0150	badge-cc-fill
0151	badge-hd
0152	badge-hd-fill
0153	badge-sd
0154	badge-sd-fill
0155	badge-tm
0156	badge-tm-fill
0157	badge-vo
0158	badge-vo-fill
0159	badge-vr
0160	badge-vr-fill
0161	badge-wc
0162	badge-wc-fill
0163	bag
0164	bag-check
0165	bag-check-fill
0166	bag-dash
0167	bag-dash-fill
0168	bag-fill
0169	bag-heart
0170	bag-heart-fill
0171	bag-plus
0172	bag-plus-fill
0173	bag-x
0174	bag-x-fill
0175	balloon
0176	balloon-fill
0177	balloon-heart
0178	balloon-heart-fill
0179	bandaid
0180	bandaid-fill
0181	bank
0182	bank2
0183	bar-chart
0184	bar-chart-fill
0185	bar-chart-line
0186	bar-chart-line-fill
0187	bar-chart-steps
0188	basket
0189	basket-fill
0190	basket2
0191	basket2-fill
0192	basket3
0193	basket3-fill
0194	battery
0195	battery-charging
0196	battery-full
0197	battery-half
0198	behance
0199	bell
0200	bell-fill
0201	bell-slash
0202	bell-slash-fill
0203	bezier
0204	bezier2
0205	bicycle
0206	binoculars
0207	binoculars-fill
0208	blockquote-left
0209	blockquote-right
0210	bluetooth
0211	body-text
0212	book
0213	book-fill
0214	book-half
0215	bookmark
0216	bookmark-check
0217	bookmark-check-fill
0218	bookmark-dash
0219	bookmark-dash-fill
0220	bookmark-fill
0221	bookmark-heart
0222	bookmark-heart-fill
0223	bookmark-plus
0224	bookmark-plus-fill
0225	bookmark-star
0226	bookmark-star-fill
0227	bookmark-x
0228	bookmark-x-fill
0229	bookmarks
0230	bookmarks-fill
0231	bookshelf
0232	boombox
0233	boombox-fill
0234	bootstrap
0235	bootstrap-fill
0236	bootstrap-reboot
0237	border
0238	border-all
0239	border-bottom
0240	border-center
0241	border-inner
0242	border-left
0243	border-middle
0244	border-outer
0245	border-right
0246	border-style
0247	border-top
0248	border-width
0249	bounding-box
0250	bounding-box-circles
0251	box
0252	box-arrow-down-left
0253	box-arrow-down-right
0254	box-arrow-down
0255	box-arrow-in-down
0256	box-arrow-in-down-left
0257	box-arrow-in-down-right
0258	box-arrow-in-left
0259	box-arrow-in-right
0260	box-arrow-in-up
0261	box-arrow-in-up-left
0262	box-arrow-in-up-right
0263	box-arrow-left
0264	box-arrow-right
0265	box-arrow-up
0266	box-arrow-up-left
0267	box-arrow-up-right
0268	box-fill
0269	box-seam
0270	box-seam-fill
0271	box2
0272	box2-fill
0273	box2-heart
0274	box2-heart-fill
0275	boxes
0276	braces
0277	braces-asterisk
0278	bricks
0279	briefcase
0280	briefcase-fill
0281	brightness-alt-high
0282	brightness-alt-high-fill
0283	brightness-alt-low
0284	brightness-alt-low-fill
0285	brightness-high
0286	brightness-high-fill
0287	brightness-low
0288	brightness-low-fill
0289	broadcast
0290	broadcast-pin
0291	browser-chrome
0292	browser-edge
0293	browser-firefox
0294	browser-safari
0295	brush
0296	brush-fill
0297	bucket
0298	bucket-fill
0299	bug
0300	bug-fill
0301	building
0302	bullseye
0303	c-circle
0304	c-circle-fill
0305	c-square
0306	c-square-fill
0307	calculator
0308	calculator-fill
0309	calendar
0310	calendar-check
0311	calendar-check-fill
0312	calendar-date
0313	calendar-date-fill
0314	calendar-day
0315	calendar-day-fill
0316	calendar-event
0317	calendar-event-fill
0318	calendar-fill
0319	calendar-heart
0320	calendar-heart-fill
0321	calendar-minus
0322	calendar-minus-fill
0323	calendar-month
0324	calendar-month-fill
0325	calendar-plus
0326	calendar-plus-fill
0327	calendar-range
0328	calendar-range-fill
0329	calendar-week
0330	calendar-week-fill
0331	calendar-x
0332	calendar-x-fill
0333	calendar2
0334	calendar2-check
0335	calendar2-check-fill
0336	calendar2-date
0337	calendar2-date-fill
0338	calendar2-day
0339	calendar2-day-fill
0340	calendar2-event
0341	calendar2-event-fill
0342	calendar2-fill
0343	calendar2-heart
0344	calendar2-heart-fill
0345	calendar2-minus
0346	calendar2-minus-fill
0347	calendar2-month
0348	calendar2-month-fill
0349	calendar2-plus
0350	calendar2-plus-fill
0351	calendar2-range
0352	calendar2-range-fill
0353	calendar2-week
0354	calendar2-week-fill
0355	calendar2-x
0356	calendar2-x-fill
0357	calendar3
0358	calendar3-event
0359	calendar3-event-fill
0360	calendar3-fill
0361	calendar3-range
0362	calendar3-range-fill
0363	calendar3-week
0364	calendar3-week-fill
0365	calendar4
0366	calendar4-event
0367	calendar4-range
0368	calendar4-week
0369	camera
0370	camera2
0371	camera-fill
0372	camera-reels
0373	camera-reels-fill
0374	camera-video
0375	camera-video-fill
0376	camera-video-off
0377	camera-video-off-fill
0378	capslock
0379	capslock-fill
0380	capsule
0381	capsule-pill
0382	car-front
0383	car-front-fill
0384	card-checklist
0385	card-heading
0386	card-image
0387	card-list
0388	card-text
0389	caret-down
0390	caret-down-fill
0391	caret-down-square
0392	caret-down-square-fill
0393	caret-left
0394	caret-left-fill
0395	caret-left-square
0396	caret-left-square-fill
0397	caret-right
0398	caret-right-fill
0399	caret-right-square
0400	caret-right-square-fill
0401	caret-up
0402	caret-up-fill
0403	caret-up-square
0404	caret-up-square-fill
0405	cart
0406	cart-check
0407	cart-check-fill
0408	cart-dash
0409	cart-dash-fill
0410	cart-fill
0411	cart-plus
0412	cart-plus-fill
0413	cart-x
0414	cart-x-fill
0415	cart2
0416	cart3
0417	cart4
0418	cash
0419	cash-coin
0420	cash-stack
0421	cassette
0422	cassette-fill
0423	cast
0424	cc-circle
0425	cc-circle-fill
0426	cc-square
0427	cc-square-fill
0428	chat
0429	chat-dots
0430	chat-dots-fill
0431	chat-fill
0432	chat-heart
0433	chat-heart-fill
0434	chat-left
0435	chat-left-dots
0436	chat-left-dots-fill
0437	chat-left-fill
0438	chat-left-heart
0439	chat-left-heart-fill
0440	chat-left-quote
0441	chat-left-quote-fill
0442	chat-left-text
0443	chat-left-text-fill
0444	chat-quote
0445	chat-quote-fill
0446	chat-right
0447	chat-right-dots
0448	chat-right-dots-fill
0449	chat-right-fill
0450	chat-right-heart
0451	chat-right-heart-fill
0452	chat-right-quote
0453	chat-right-quote-fill
0454	chat-right-text
0455	chat-right-text-fill
0456	chat-square
0457	chat-square-dots
0458	chat-square-dots-fill
0459	chat-square-fill
0460	chat-square-heart
0461	chat-square-heart-fill
0462	chat-square-quote
0463	chat-square-quote-fill
0464	chat-square-text
0465	chat-square-text-fill
0466	chat-text
0467	chat-text-fill
0468	check
0469	check-all
0470	check-circle
0471	check-circle-fill
0472	check-lg
0473	check-square
0474	check-square-fill
0475	check2
0476	check2-all
0477	check2-circle
0478	check2-square
0479	chevron-bar-contract
0480	chevron-bar-down
0481	chevron-bar-expand
0482	chevron-bar-left
0483	chevron-bar-right
0484	chevron-bar-up
0485	chevron-compact-down
0486	chevron-compact-left
0487	chevron-compact-right
0488	chevron-compact-up
0489	chevron-contract
0490	chevron-double-down
0491	chevron-double-left
0492	chevron-double-right
0493	chevron-double-up
0494	chevron-down
0495	chevron-expand
0496	chevron-left
0497	chevron-right
0498	chevron-up
0499	circle
0500	circle-fill
0501	circle-half
0502	slash-circle
0503	circle-square
0504	clipboard
0505	clipboard-check
0506	clipboard-check-fill
0507	clipboard-data
0508	clipboard-data-fill
0509	clipboard-fill
0510	clipboard-heart
0511	clipboard-heart-fill
0512	clipboard-minus
0513	clipboard-minus-fill
0514	clipboard-plus
0515	clipboard-plus-fill
0516	clipboard-pulse
0517	clipboard-x
0518	clipboard-x-fill
0519	clipboard2
0520	clipboard2-check
0521	clipboard2-check-fill
0522	clipboard2-data
0523	clipboard2-data-fill
0524	clipboard2-fill
0525	clipboard2-heart
0526	clipboard2-heart-fill
0527	clipboard2-minus
0528	clipboard2-minus-fill
0529	clipboard2-plus
0530	clipboard2-plus-fill
0531	clipboard2-pulse
0532	clipboard2-pulse-fill
0533	clipboard2-x
0534	clipboard2-x-fill
0535	clock
0536	clock-fill
0537	clock-history
0538	cloud
0539	cloud-arrow-down
0540	cloud-arrow-down-fill
0541	cloud-arrow-up
0542	cloud-arrow-up-fill
0543	cloud-check
0544	cloud-check-fill
0545	cloud-download
0546	cloud-download-fill
0547	cloud-drizzle
0548	cloud-drizzle-fill
0549	cloud-fill
0550	cloud-fog
0551	cloud-fog-fill
0552	cloud-fog2
0553	cloud-fog2-fill
0554	cloud-hail
0555	cloud-hail-fill
0556	cloud-haze
0557	cloud-haze-fill
0558	cloud-haze2
0559	cloud-haze2-fill
0560	cloud-lightning
0561	cloud-lightning-fill
0562	cloud-lightning-rain
0563	cloud-lightning-rain-fill
0564	cloud-minus
0565	cloud-minus-fill
0566	cloud-moon
0567	cloud-moon-fill
0568	cloud-plus
0569	cloud-plus-fill
0570	cloud-rain
0571	cloud-rain-fill
0572	cloud-rain-heavy
0573	cloud-rain-heavy-fill
0574	cloud-slash
0575	cloud-slash-fill
0576	cloud-sleet
0577	cloud-sleet-fill
0578	cloud-snow
0579	cloud-snow-fill
0580	cloud-sun
0581	cloud-sun-fill
0582	cloud-upload
0583	cloud-upload-fill
0584	clouds
0585	clouds-fill
0586	cloudy
0587	cloudy-fill
0588	code
0589	code-slash
0590	code-square
0591	coin
0592	collection
0593	collection-fill
0594	collection-play
0595	collection-play-fill
0596	columns
0597	columns-gap
0598	command
0599	compass
0600	compass-fill
0601	cone
0602	cone-striped
0603	controller
0604	cpu
0605	cpu-fill
0606	credit-card
0607	credit-card-2-back
0608	credit-card-2-back-fill
0609	credit-card-2-front
0610	credit-card-2-front-fill
0611	credit-card-fill
0612	crop
0613	cup
0614	cup-fill
0615	cup-hot
0616	cup-hot-fill
0617	cup-straw
0618	currency-bitcoin
0619	currency-dollar
0620	currency-euro
0621	currency-exchange
0622	currency-pound
0623	currency-rupee
0624	currency-yen
0625	cursor
0626	cursor-fill
0627	cursor-text
0628	dasha
0629	dash-circle
0630	dash-circle-dotted
0631	dash-circle-fill
0632	dash-lg
0633	dash-square
0634	dash-square-dotted
0635	dash-square-fill
0636	device-hdd
0637	device-hdd-fill
0638	device-ssd
0639	device-ssd-fill
0640	diagram-2
0641	diagram-2-fill
0642	diagram-3
0643	diagram-3-fill
0644	diamond
0645	diamond-fill
0646	diamond-half
0647	dice-1
0648	dice-1-fill
0649	dice-2
0650	dice-2-fill
0651	dice-3
0652	dice-3-fill
0653	dice-4
0654	dice-4-fill
0655	dice-5
0656	dice-5-fill
0657	dice-6
0658	dice-6-fill
0659	disc
0660	disc-fill
0661	discord
0662	display
0663	display-fill
0664	displayport
0665	displayport-fill
0666	distribute-horizontal
0667	distribute-vertical
0668	door-closed
0669	door-closed-fill
0670	door-open
0671	door-open-fill
0672	dot
0673	download
0674	dpad
0675	dpad-fill
0676	dribbble
0677	dropbox
0678	droplet
0679	droplet-fill
0680	droplet-half
0681	ear
0682	ear-fill
0683	earbuds
0684	easel
0685	easel-fill
0686	easel2
0687	easel2-fill
0688	easel3
0689	easel3-fill
0690	egg
0691	egg-fill
0692	egg-fried
0693	eject
0694	eject-fill
0695	emoji-angry
0696	emoji-angry-fill
0697	emoji-dizzy
0698	emoji-dizzy-fill
0699	emoji-expressionless
0700	emoji-expressionless-fill
0701	emoji-frown
0702	emoji-frown-fill
0703	emoji-heart-eyes
0704	emoji-heart-eyes-fill
0705	emoji-kiss
0706	emoji-kiss-fill
0707	emoji-laughing
0708	emoji-laughing-fill
0709	emoji-neutral
0710	emoji-neutral-fill
0711	emoji-smile
0712	emoji-smile-fill
0713	emoji-smile-upside-down
0714	emoji-smile-upside-down-fill
0715	emoji-sunglasses
0716	emoji-sunglasses-fill
0717	emoji-wink
0718	emoji-wink-fill
0719	envelope
0720	envelope-check
0721	envelope-check-fill
0722	envelope-dash
0723	envelope-dash-fill
0724	envelope-exclamation
0725	envelope-exclamation-fill
0726	envelope-fill
0727	envelope-heart
0728	envelope-heart-fill
0729	envelope-open
0730	envelope-open-fill
0731	envelope-open-heart
0732	envelope-open-heart-fill
0733	envelope-paper
0734	envelope-paper-fill
0735	envelope-paper-heart
0736	envelope-paper-heart-fill
0737	envelope-plus
0738	envelope-plus-fill
0739	envelope-slash
0740	envelope-slash-fill
0741	envelope-x
0742	envelope-x-fill
0743	eraser
0744	eraser-fill
0745	escape
0746	ethernet
0747	ev-station
0748	ev-station-fill
0749	exclamation
0750	exclamation-circle
0751	exclamation-circle-fill
0752	exclamation-diamond
0753	exclamation-diamond-fill
0754	exclamation-lg
0755	exclamation-octagon
0756	exclamation-octagon-fill
0757	exclamation-square
0758	exclamation-square-fill
0759	exclamation-triangle
0760	exclamation-triangle-fill
0761	exclude
0762	explicit
0763	explicit-fill
0764	eye
0765	eye-fill
0766	eye-slash
0767	eye-slash-fill
0768	eyedropper
0769	eyeglasses
0770	facebook
0771	fan
0772	fast-forward
0773	fast-forward-btn
0774	fast-forward-btn-fill
0775	fast-forward-circle
0776	fast-forward-circle-fill
0777	fast-forward-fill
0778	file
0779	file-arrow-down
0780	file-arrow-down-fill
0781	file-arrow-up
0782	file-arrow-up-fill
0783	file-bar-graph
0784	file-bar-graph-fill
0785	file-binary
0786	file-binary-fill
0787	file-break
0788	file-break-fill
0789	file-check
0790	file-check-fill
0791	file-code
0792	file-code-fill
0793	file-diff
0794	file-diff-fill
0795	file-earmark
0796	file-earmark-arrow-down
0797	file-earmark-arrow-down-fill
0798	file-earmark-arrow-up
0799	file-earmark-arrow-up-fill
0800	file-earmark-bar-graph
0801	file-earmark-bar-graph-fill
0802	file-earmark-binary
0803	file-earmark-binary-fill
0804	file-earmark-break
0805	file-earmark-break-fill
0806	file-earmark-check
0807	file-earmark-check-fill
0808	file-earmark-code
0809	file-earmark-code-fill
0810	file-earmark-diff
0811	file-earmark-diff-fill
0812	file-earmark-easel
0813	file-earmark-easel-fill
0814	file-earmark-excel
0815	file-earmark-excel-fill
0816	file-earmark-fill
0817	file-earmark-font
0818	file-earmark-font-fill
0819	file-earmark-image
0820	file-earmark-image-fill
0821	file-earmark-lock
0822	file-earmark-lock-fill
0823	file-earmark-lock2
0824	file-earmark-lock2-fill
0825	file-earmark-medical
0826	file-earmark-medical-fill
0827	file-earmark-minus
0828	file-earmark-minus-fill
0829	file-earmark-music
0830	file-earmark-music-fill
0831	file-earmark-pdf
0832	file-earmark-pdf-fill
0833	file-earmark-person
0834	file-earmark-person-fill
0835	file-earmark-play
0836	file-earmark-play-fill
0837	file-earmark-plus
0838	file-earmark-plus-fill
0839	file-earmark-post
0840	file-earmark-post-fill
0841	file-earmark-ppt
0842	file-earmark-ppt-fill
0843	file-earmark-richtext
0844	file-earmark-richtext-fill
0845	file-earmark-ruled
0846	file-earmark-ruled-fill
0847	file-earmark-slides
0848	file-earmark-slides-fill
0849	file-earmark-spreadsheet
0850	file-earmark-spreadsheet-fill
0851	file-earmark-text
0852	file-earmark-text-fill
0853	file-earmark-word
0854	file-earmark-word-fill
0855	file-earmark-x
0856	file-earmark-x-fill
0857	file-earmark-zip
0858	file-earmark-zip-fill
0859	file-easel
0860	file-easel-fill
0861	file-excel
0862	file-excel-fill
0863	file-fill
0864	file-font
0865	file-font-fill
0866	file-image
0867	file-image-fill
0868	file-lock
0869	file-lock-fill
0870	file-lock2
0871	file-lock2-fill
0872	file-medical
0873	file-medical-fill
0874	file-minus
0875	file-minus-fill
0876	file-music
0877	file-music-fill
0878	file-pdf
0879	file-pdf-fill
0880	file-person
0881	file-person-fill
0882	file-play
0883	file-play-fill
0884	file-plus
0885	file-plus-fill
0886	file-post
0887	file-post-fill
0888	file-ppt
0889	file-ppt-fill
0890	file-richtext
0891	file-richtext-fill
0892	file-ruled
0893	file-ruled-fill
0894	file-slides
0895	file-slides-fill
0896	file-spreadsheet
0897	file-spreadsheet-fill
0898	file-text
0899	file-text-fill
0900	file-word
0901	file-word-fill
0902	file-x
0903	file-x-fill
0904	file-zip
0905	file-zip-fill
0906	files
0907	files-alt
0908	filetype-aac
0909	filetype-ai
0910	filetype-bmp
0911	filetype-cs
0912	filetype-css
0913	filetype-csv
0914	filetype-doc
0915	filetype-docx
0916	filetype-exe
0917	filetype-gif
0918	filetype-heic
0919	filetype-html
0920	filetype-java
0921	filetype-jpg
0922	filetype-js
0923	filetype-json
0924	filetype-jsx
0925	filetype-key
0926	filetype-m4p
0927	filetype-md
0928	filetype-mdx
0929	filetype-mov
0930	filetype-mp3
0931	filetype-mp4
0932	filetype-otf
0933	filetype-pdf
0934	filetype-php
0935	filetype-png
0936	filetype-ppt
0937	filetype-pptx
0938	filetype-psd
0939	filetype-py
0940	filetype-raw
0941	filetype-rb
0942	filetype-sass
0943	filetype-scss
0944	filetype-sh
0945	filetype-sql
0946	filetype-svg
0947	filetype-tiff
0948	filetype-tsx
0949	filetype-ttf
0950	filetype-txt
0951	filetype-wav
0952	filetype-woff
0953	filetype-xls
0954	filetype-xlsx
0955	filetype-xml
0956	filetype-yml
0957	film
0958	filter
0959	filter-circle
0960	filter-circle-fill
0961	filter-left
0962	filter-right
0963	filter-square
0964	filter-square-fill
0965	fingerprint
0966	fire
0967	flag
0968	flag-fill
0969	flower1
0970	flower2
0971	flower3
0972	folder
0973	folder-check
0974	folder-fill
0975	folder-minus
0976	folder-plus
0977	folder-symlink
0978	folder-symlink-fill
0979	folder-x
0980	folder2
0981	folder2-open
0982	fonts
0983	forward
0984	forward-fill
0985	front
0986	fuel-pump
0987	fuel-pump-diesel
0988	fuel-pump-diesel-fill
0989	fuel-pump-fill
0990	fullscreen
0991	fullscreen-exit
0992	funnel
0993	funnel-fill
0994	gear
0995	gear-fill
0996	gear-wide
0997	gear-wide-connected
0998	gem
0999	gender-ambiguous
1000	gender-female
1001	gender-male
1002	gender-trans
1003	geo
1004	geo-alt
1005	geo-alt-fill
1006	geo-fill
1007	gift
1008	gift-fill
1009	git
1010	github
1011	globe
1012	globe2
1013	google
1014	google-play
1015	gpu-card
1016	graph-down
1017	graph-down-arrow
1018	graph-up
1019	graph-up-arrow
1020	grid
1021	grid-1x2
1022	grid-1x2-fill
1023	grid-3x2
1024	grid-3x2-gap
1025	grid-3x2-gap-fill
1026	grid-3x3
1027	grid-3x3-gap
1028	grid-3x3-gap-fill
1029	grid-fill
1030	grip-horizontal
1031	grip-vertical
1032	h-circle
1033	h-circle-fill
1034	h-square
1035	h-square-fill
1036	hammer
1037	hand-index
1038	hand-index-fill
1039	hand-index-thumb
1040	hand-index-thumb-fill
1041	hand-thumbs-down
1042	hand-thumbs-down-fill
1043	hand-thumbs-up
1044	hand-thumbs-up-fill
1045	handbag
1046	handbag-fill
1047	hash
1048	hdd
1049	hdd-fill
1050	hdd-network
1051	hdd-network-fill
1052	hdd-rack
1053	hdd-rack-fill
1054	hdd-stack
1055	hdd-stack-fill
1056	hdmi
1057	hdmi-fill
1058	headphones
1059	headset
1060	headset-vr
1061	heart
1062	heart-arrow
1063	heart-fill
1064	heart-half
1065	heart-pulse
1066	heart-pulse-fill
1067	heartbreak
1068	heartbreak-fill
1069	hearts
1070	heptagon
1071	heptagon-fill
1072	heptagon-half
1073	hexagon
1074	hexagon-fill
1075	hexagon-half
1076	hospital
1077	hospital-fill
1078	hourglass
1079	hourglass-bottom
1080	hourglass-split
1081	hourglass-top
1082	house
1083	house-door
1084	house-door-fill
1085	house-fill
1086	house-heart
1087	house-heart-fill
1088	hr
1089	hurricane
1090	hypnotize
1091	image
1092	image-alt
1093	image-fill
1094	images
1095	inbox
1096	inbox-fill
1097	inboxes-fill
1098	inboxes
1099	incognito
1100	indent
1101	infinity
1102	info
1103	info-circle
1104	info-circle-fill
1105	info-lg
1106	info-square
1107	info-square-fill
1108	input-cursor
1109	input-cursor-text
1110	instagram
1111	intersect
1112	journal
1113	journal-album
1114	journal-arrow-down
1115	journal-arrow-up
1116	journal-bookmark
1117	journal-bookmark-fill
1118	journal-check
1119	journal-code
1120	journal-medical
1121	journal-minus
1122	journal-plus
1123	journal-richtext
1124	journal-text
1125	journal-x
1126	journals
1127	joystick
1128	justify
1129	justify-left
1130	justify-right
1131	kanban
1132	kanban-fill
1133	key
1134	key-fill
1135	keyboard
1136	keyboard-fill
1137	ladder
1138	lamp
1139	lamp-fill
1140	laptop
1141	laptop-fill
1142	layer-backward
1143	layer-forward
1144	layers
1145	layers-fill
1146	layers-half
1147	layout-sidebar
1148	layout-sidebar-inset-reverse
1149	layout-sidebar-inset
1150	layout-sidebar-reverse
1151	layout-split
1152	layout-text-sidebar
1153	layout-text-sidebar-reverse
1154	layout-text-window
1155	layout-text-window-reverse
1156	layout-three-columns
1157	layout-wtf
1158	life-preserver
1159	lightbulb
1160	lightbulb-fill
1161	lightbulb-off
1162	lightbulb-off-fill
1163	lightning
1164	lightning-charge
1165	lightning-charge-fill
1166	lightning-fill
1167	line
1168	link
1169	link-45deg
1170	linkedin
1171	list
1172	list-check
1173	list-columns
1174	list-columns-reverse
1175	list-nested
1176	list-ol
1177	list-stars
1178	list-task
1179	list-ul
1180	lock
1181	lock-fill
1182	lungs
1183	lungs-fill
1184	magic
1185	magnet
1186	magnet-fill
1187	mailbox
1188	mailbox2
1189	map
1190	map-fill
1191	markdown
1192	markdown-fill
1193	mask
1194	mastodon
1195	medium
1196	megaphone
1197	megaphone-fill
1198	memory
1199	menu-app
1200	menu-app-fill
1201	menu-button
1202	menu-button-fill
1203	menu-button-wide
1204	menu-button-wide-fill
1205	menu-down
1206	menu-up
1207	messenger
1208	meta
1209	mic
1210	mic-fill
1211	mic-mute
1212	mic-mute-fill
1213	microsoft
1214	microsoft-teams
1215	minecart
1216	minecart-loaded
1217	modem
1218	modem-fill
1219	moisture
1220	moon
1221	moon-fill
1222	moon-stars
1223	moon-stars-fill
1224	mortarboard
1225	mortarboard-fill
1226	motherboard
1227	motherboard-fill
1228	mouse
1229	mouse-fill
1230	mouse2
1231	mouse2-fill
1232	mouse3
1233	mouse3-fill
1234	music-note
1235	music-note-beamed
1236	music-note-list
1237	music-player
1238	music-player-fill
1239	newspaper
1240	nintendo-switch
1241	node-minus
1242	node-minus-fill
1243	node-plus
1244	node-plus-fill
1245	nut
1246	nut-fill
1247	octagon
1248	octagon-fill
1249	octagon-half
1250	optical-audio
1251	optical-audio-fill
1252	option
1253	outlet
1254	p-circle
1255	p-circle-fill
1256	p-square
1257	p-square-fill
1258	paint-bucket
1259	palette
1260	palette-fill
1261	palette2
1262	paperclip
1263	paragraph
1264	pass
1265	pass-fill
1266	patch-check
1267	patch-check-fill
1268	patch-exclamation
1269	patch-exclamation-fill
1270	patch-minus
1271	patch-minus-fill
1272	patch-plus
1273	patch-plus-fill
1274	patch-question
1275	patch-question-fill
1276	pause
1277	pause-btn
1278	pause-btn-fill
1279	pause-circle
1280	pause-circle-fill
1281	pause-fill
1282	paypal
1283	pc
1284	pc-display
1285	pc-display-horizontal
1286	pc-horizontal
1287	pci-card
1288	peace
1289	peace-fill
1290	pen
1291	pen-fill
1292	pencil
1293	pencil-fill
1294	pencil-square
1295	pentagon
1296	pentagon-fill
1297	pentagon-half
1298	people
1299	person-circle
1300	people-fill
1301	percent
1302	person
1303	person-badge
1304	person-badge-fill
1305	person-bounding-box
1306	person-check
1307	person-check-fill
1308	person-dash
1309	person-dash-fill
1310	person-fill
1311	person-heart
1312	person-hearts
1313	person-lines-fill
1314	person-plus
1315	person-plus-fill
1316	person-rolodex
1317	person-square
1318	person-video
1319	person-video2
1320	person-video3
1321	person-workspace
1322	person-x
1323	person-x-fill
1324	phone
1325	phone-fill
1326	phone-flip
1327	phone-landscape
1328	phone-landscape-fill
1329	phone-vibrate
1330	phone-vibrate-fill
1331	pie-chart
1332	pie-chart-fill
1333	piggy-bank
1334	piggy-bank-fill
1335	pin
1336	pin-angle
1337	pin-angle-fill
1338	pin-fill
1339	pin-map
1340	pin-map-fill
1341	pinterest
1342	pip
1343	pip-fill
1344	play
1345	play-btn
1346	play-btn-fill
1347	play-circle
1348	play-circle-fill
1349	play-fill
1350	playstation
1351	plug
1352	plug-fill
1353	plugin
1354	plus
1355	plus-circle
1356	plus-circle-dotted
1357	plus-circle-fill
1358	plus-lg
1359	plus-slash-minus
1360	plus-square
1361	plus-square-dotted
1362	plus-square-fill
1363	postage
1364	postage-fill
1365	postage-heart
1366	postage-heart-fill
1367	postcard
1368	postcard-fill
1369	postcard-heart
1370	postcard-heart-fill
1371	power
1372	prescription
1373	prescription2
1374	printer
1375	printer-fill
1376	projector
1377	projector-fill
1378	puzzle
1379	puzzle-fill
1380	qr-code
1381	qr-code-scan
1382	question
1383	question-circle
1384	question-diamond
1385	question-diamond-fill
1386	question-circle-fill
1387	question-lg
1388	question-octagon
1389	question-octagon-fill
1390	question-square
1391	question-square-fill
1392	quora
1393	quote
1394	r-circle
1395	r-circle-fill
1396	r-square
1397	r-square-fill
1398	radioactive
1399	rainbow
1400	receipt
1401	receipt-cutoff
1402	reception-0
1403	reception-1
1404	reception-2
1405	reception-3
1406	reception-4
1407	record
1408	record-btn
1409	record-btn-fill
1410	record-circle
1411	record-circle-fill
1412	record-fill
1413	record2
1414	record2-fill
1415	recycle
1416	reddit
1417	repeat
1418	repeat-1
1419	reply
1420	reply-all
1421	reply-all-fill
1422	reply-fill
1423	rewind
1424	rewind-btn
1425	rewind-btn-fill
1426	rewind-circle
1427	rewind-circle-fill
1428	rewind-fill
1429	robot
1430	router
1431	router-fill
1432	rss
1433	rss-fill
1434	rulers
1435	safe
1436	safe-fill
1437	safe2
1438	safe2-fill
1439	save
1440	save-fill
1441	save2
1442	save2-fill
1443	scissors
1444	screwdriver
1445	sd-card
1446	sd-card-fill
1447	search
1448	search-heart
1449	search-heart-fill
1450	segmented-nav
1451	send
1452	send-check
1453	send-check-fill
1454	send-dash
1455	send-dash-fill
1456	send-exclamation
1457	send-exclamation-fill
1458	send-fill
1459	send-plus
1460	send-plus-fill
1461	send-slash
1462	send-slash-fill
1463	send-x
1464	send-x-fill
1465	server
1466	share
1467	share-fill
1468	shield
1469	shield-check
1470	shield-exclamation
1471	shield-fill
1472	shield-fill-check
1473	shield-fill-exclamation
1474	shield-fill-minus
1475	shield-fill-plus
1476	shield-fill-x
1477	shield-lock
1478	shield-lock-fill
1479	shield-minus
1480	shield-plus
1481	shield-shaded
1482	shield-slash
1483	shield-slash-fill
1484	shield-x
1485	shift
1486	shift-fill
1487	shop
1488	shop-window
1489	shuffle
1490	sign-stop
1491	sign-stop-fill
1492	sign-stop-lights
1493	sign-stop-lights-fill
1494	sign-turn-left
1495	sign-turn-left-fill
1496	sign-turn-right
1497	sign-turn-right-fill
1498	sign-turn-slight-left
1499	sign-turn-slight-left-fill
1500	sign-turn-slight-right
1501	sign-turn-slight-right-fill
1502	sign-yield
1503	sign-yield-fill
1504	signal
1505	signpost
1506	signpost-2
1507	signpost-2-fill
1508	signpost-fill
1509	signpost-split
1510	signpost-split-fill
1511	sim
1512	sim-fill
1513	skip-backward
1514	skip-backward-btn
1515	skip-backward-btn-fill
1516	skip-backward-circle
1517	skip-backward-circle-fill
1518	skip-backward-fill
1519	skip-end
1520	skip-end-btn
1521	skip-end-btn-fill
1522	skip-end-circle
1523	skip-end-circle-fill
1524	skip-end-fill
1525	skip-forward
1526	skip-forward-btn
1527	skip-forward-btn-fill
1528	skip-forward-circle
1529	skip-forward-circle-fill
1530	skip-forward-fill
1531	skip-start
1532	skip-start-btn
1533	skip-start-btn-fill
1534	skip-start-circle
1535	skip-start-circle-fill
1536	skip-start-fill
1537	skype
1538	slack
1539	slash
1540	slash-circle-fill
1541	slash-lg
1542	slash-square
1543	slash-square-fill
1544	sliders
1545	sliders2
1546	sliders2-vertical
1547	smartwatch
1548	snapchat
1549	snow
1550	snow2
1551	snow3
1552	sort-alpha-down
1553	sort-alpha-down-alt
1554	sort-alpha-up
1555	sort-alpha-up-alt
1556	sort-down
1557	sort-down-alt
1558	sort-numeric-down
1559	sort-numeric-down-alt
1560	sort-numeric-up
1561	sort-numeric-up-alt
1562	sort-up
1563	sort-up-alt
1564	soundwave
1565	speaker
1566	speaker-fill
1567	speedometer
1568	speedometer2
1569	spellcheck
1570	spotify
1571	square
1572	square-fill
1573	square-half
1574	stack
1575	stack-overflow
1576	star
1577	star-fill
1578	star-half
1579	stars
1580	steam
1581	stickies
1582	stickies-fill
1583	sticky
1584	sticky-fill
1585	stop
1586	stop-btn
1587	stop-btn-fill
1588	stop-circle
1589	stop-circle-fill
1590	stop-fill
1591	stoplights
1592	stoplights-fill
1593	stopwatch
1594	stopwatch-fill
1595	strava
1596	subtract
1597	suit-club
1598	suit-club-fill
1599	suit-diamond
1600	suit-diamond-fill
1601	suit-heart
1602	suit-heart-fill
1603	suit-spade
1604	suit-spade-fill
1605	sun
1606	sun-fill
1607	sunglasses
1608	sunrise
1609	sunrise-fill
1610	sunset
1611	sunset-fill
1612	symmetry-horizontal
1613	symmetry-vertical
1614	table
1615	tablet
1616	tablet-fill
1617	tablet-landscape
1618	tablet-landscape-fill
1619	tag
1620	tag-fill
1621	tags
1622	tags-fill
1623	telegram
1624	telephone
1625	telephone-fill
1626	telephone-forward
1627	telephone-forward-fill
1628	telephone-inbound
1629	telephone-inbound-fill
1630	telephone-minus
1631	telephone-minus-fill
1632	telephone-outbound
1633	telephone-outbound-fill
1634	telephone-plus
1635	telephone-plus-fill
1636	telephone-x
1637	telephone-x-fill
1638	terminal
1639	terminal-dash
1640	terminal-fill
1641	terminal-plus
1642	terminal-split
1643	terminal-x
1644	text-center
1645	text-indent-left
1646	text-indent-right
1647	text-left
1648	text-paragraph
1649	text-right
1650	textarea
1651	textarea-resize
1652	textarea-t
1653	thermometer
1654	thermometer-half
1655	thermometer-high
1656	thermometer-low
1657	thermometer-snow
1658	thermometer-sun
1659	three-dots
1660	three-dots-vertical
1661	thunderbolt
1662	thunderbolt-fill
1663	ticket
1664	ticket-detailed
1665	ticket-detailed-fill
1666	ticket-fill
1667	ticket-perforated
1668	ticket-perforated-fill
1669	tiktok
1670	toggle-off
1671	toggle-on
1672	toggle2-off
1673	toggle2-on
1674	toggles
1675	toggles2
1676	tools
1677	tornado
1678	train-freight-front
1679	train-freight-front-fill
1680	train-front
1681	train-front-fill
1682	train-lightrail-front
1683	train-lightrail-front-fill
1684	translate
1685	trash
1686	trash-fill
1687	trash2
1688	trash2-fill
1689	trash3
1690	trash3-fill
1691	tree
1692	tree-fill
1693	triangle
1694	triangle-fill
1695	triangle-half
1696	trophy
1697	trophy-fill
1698	tropical-storm
1699	truck
1700	truck-flatbed
1701	truck-front
1702	truck-front-fill
1703	tsunami
1704	tv
1705	tv-fill
1706	twitch
1707	twitter
1708	type
1709	type-bold
1710	type-h1
1711	type-h2
1712	type-h3
1713	type-italic
1714	type-strikethrough
1715	type-underline
1716	ubuntu
1717	ui-checks
1718	ui-checks-grid
1719	ui-radios
1720	ui-radios-grid
1721	umbrella
1722	umbrella-fill
1723	unindent
1724	union
1725	unity
1726	universal-access
1727	universal-access-circle
1728	unlock
1729	unlock-fill
1730	upc
1731	upc-scan
1732	upload
1733	usb
1734	usb-c
1735	usb-c-fill
1736	usb-drive
1737	usb-drive-fill
1738	usb-fill
1739	usb-micro
1740	usb-micro-fill
1741	usb-mini
1742	usb-mini-fill
1743	usb-plug
1744	usb-plug-fill
1745	usb-symbol
1746	valentine
1747	valentine2
1748	vector-pen
1749	view-list
1750	view-stacked
1751	vimeo
1752	vinyl
1753	vinyl-fill
1754	virus
1755	virus2
1756	voicemail
1757	volume-down
1758	volume-down-fill
1759	volume-mute
1760	volume-mute-fill
1761	volume-off
1762	volume-off-fill
1763	volume-up
1764	volume-up-fill
1765	vr
1766	wallet
1767	wallet-fill
1768	wallet2
1769	watch
1770	water
1771	webcam
1772	webcam-fill
1773	wechat
1774	whatsapp
1775	wifi
1776	wifi-1
1777	wifi-2
1778	wifi-off
1779	wind
1780	window
1781	window-dash
1782	window-desktop
1783	window-dock
1784	window-fullscreen
1785	window-plus
1786	window-sidebar
1787	window-split
1788	window-stack
1789	window-x
1790	windows
1791	wordpress
1792	wrench
1793	wrench-adjustable
1794	wrench-adjustable-circle
1795	wrench-adjustable-circle-fill
1796	x
1797	x-circle
1798	x-circle-fill
1799	x-diamond
1800	x-diamond-fill
1801	x-lg
1802	x-octagon
1803	x-octagon-fill
1804	x-square
1805	x-square-fill
1806	xbox
1807	yelp
1808	yin-yang
1809	youtube
1810	zoom-in
1811	zoom-out

0002 ∇Δ

1-circle-fill

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="currentColor" class="bi bi-1-circle-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM9.283 4.002V12H7.971V5.338h-.065L6.072 6.656V5.385l1.899-1.383h1.312Z"/>
</svg>

1495 ∇

sign-turn-left-fill

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="currentColor" class="bi bi-sign-turn-left-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435ZM7 8.466V7h1.5A1.5 1.5 0 0 1 10 8.5V11h1V8.5A2.5 2.5 0 0 0 8.5 6H7V4.534a.25.25 0 0 0-.41-.192L4.23 6.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 7 8.466Z"/>
</svg>

1499 ∇

sign-turn-slight-left-fill

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="currentColor" class="bi bi-sign-turn-slight-left-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435ZM6.864 8.368l.8-1.386.607.364A1.5 1.5 0 0 1 9 8.632V11h1V8.632A2.5 2.5 0 0 0 8.786 6.49l-.62-.373.665-1.154a.25.25 0 0 0-.259-.371l-3.026.523a.25.25 0 0 0-.192.333l1.06 2.882a.25.25 0 0 0 .451.039Z"/>
</svg>

1681 ∇

train-front-fill

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="currentColor" class="bi bi-train-front-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M10.621.515C8.647.02 7.353.02 5.38.515c-.924.23-1.982.766-2.78 1.22C1.566 2.322 1 3.432 1 4.582V13.5A2.5 2.5 0 0 0 3.5 16h9a2.5 2.5 0 0 0 2.5-2.5V4.583c0-1.15-.565-2.26-1.6-2.849-.797-.453-1.855-.988-2.779-1.22ZM6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Zm-2 2A1.5 1.5 0 0 0 3 5.5v2A1.5 1.5 0 0 0 4.5 9h7A1.5 1.5 0 0 0 13 7.5v-2A1.5 1.5 0 0 0 11.5 4h-7Zm.5 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm8 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-3-1a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM4 5.5a.5.5 0 0 1 .5-.5h3v3h-3a.5.5 0 0 1-.5-.5v-2ZM8.5 8V5h3a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-3Z"/>
</svg>

1682 ∇

train-lightrail-front

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="currentColor" class="bi bi-train-lightrail-front" viewBox="0 0 16 16>
<path fill-rule="evenodd" d="M6.5 0a.5.5 0 0 0 0 1h1v1.011c-1.525.064-3.346.394-4.588.655C1.775 2.904 1 3.915 1 5.055V13.5A2.5 2.5 0 0 0 3.5 16h9a2.5 2.5 0 0 0 2.5-2.5V5.055c0-1.14-.775-2.15-1.912-2.39-1.242-.26-3.063-.59-4.588-.654V1h1a.5.5 0 0 0 0-1h-3ZM8 3c-1.497 0-3.505.356-4.883.644C2.464 3.781 2 4.366 2 5.055V13.5a1.5 1.5 0 0 0 1.072 1.438c.028-.212.062-.483.1-.792.092-.761.2-1.752.266-2.682.038-.531.062-1.036.062-1.464 0-1.051-.143-2.404-.278-3.435a52.052 52.052 0 0 0-.07-.522c-.112-.798.42-1.571 1.244-1.697C5.356 4.199 6.864 4 8 4c1.136 0 2.645.2 3.604.346.825.126 1.356.9 1.244 1.697-.022.16-.046.335-.07.522C12.643 7.596 12.5 8.949 12.5 10c0 .428.024.933.062 1.464.066.93.174 1.92.266 2.682.038.31.072.58.1.792A1.5 1.5 0 0 0 14 13.5V5.055c0-.69-.464-1.274-1.117-1.41C11.505 3.354 9.497 3 8 3Zm3.835 11.266c.034.28.066.53.093.734H4.072a62.692 62.692 0 0 0 .328-3h2.246c.36 0 .704-.143.958-.396a.353.353 0 0 1 .25-.104h.292a.35.35 0 0 1 .25.104c.254.253.599.396.958.396H11.6c.068.808.158 1.621.236 2.266ZM6 13.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm0 0a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm3.5.5a.5.5 0 0 0 .5-.5.5.5 0 1 0 1 0 .5.5 0 0 0-1 0 .5.5 0 1 0-.5.5Zm-5.03-3h2.176a.353.353 0 0 0 .25-.104c.254-.253.599-.396.958-.396h.292c.36 0 .704.143.958.396a.353.353 0 0 0 .25.104h2.177c-.02-.353-.031-.692-.031-1 0-.927.104-2.051.216-3H4.284c.112.949.216 2.073.216 3 0 .308-.011.647-.03 1Zm-.315-5h7.69l.013-.096a.497.497 0 0 0-.405-.57C10.495 5.188 9.053 5 8 5s-2.495.188-3.453.334a.497.497 0 0 0-.405.57L4.155 6Z"/>
</svg>

1683 ∇

train-lightrail-front-fill

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="currentColor" class="bi bi-train-lightrail-front-fill" viewBox="0 0 16 16>
<path fill-rule="evenodd" d="M6.5 0a.5.5 0 0 0 0 1h1v1.011c-1.525.064-3.346.394-4.588.655C1.775 2.904 1 3.915 1 5.055V13.5A2.5 2.5 0 0 0 3.5 16h9a2.5 2.5 0 0 0 2.5-2.5V5.055c0-1.14-.775-2.15-1.912-2.39-1.242-.26-3.063-.59-4.588-.654V1h1a.5.5 0 0 0 0-1h-3ZM8 4c-1.136 0-2.645.2-3.604.346-.825.126-1.356.9-1.244 1.697.022.16.046.335.07.522C3.357 7.596 3.5 8.949 3.5 10c0 .428-.024.933-.062 1.464a57.32 57.32 0 0 1-.266 2.682c-.041.34-.08.634-.108.854h1.008a62.692 62.692 0 0 0 .328-3h2.246c.36 0 .704-.143.958-.396a.353.353 0 0 1 .25-.104h.292a.35.35 0 0 1 .25.104c.254.253.599.396.958.396H11.6a62.703 62.703 0 0 0 .328 3h1.008c-.029-.22-.066-.514-.108-.854-.092-.761-.2-1.752-.266-2.682A21.26 21.26 0 0 1 12.5 10c0-1.051.143-2.404.278-3.435.024-.187.048-.362.07-.522.112-.798-.42-1.571-1.244-1.697C10.644 4.199 9.136 4 8 4Zm-1.354 7H4.47c.019-.353.03-.692.03-1 0-.927-.104-2.051-.216-3h7.432c-.112.949-.216 2.073-.216 3 0 .308.011.647.03 1H9.354a.353.353 0 0 1-.25-.104 1.354 1.354 0 0 0-.958-.396h-.292c-.36 0-.704.143-.958.396a.353.353 0 0 1-.25.104Zm5.199-5h-7.69l-.013-.096a.497.497 0 0 1 .405-.57C5.505 5.188 6.947 5 8 5s2.495.188 3.453.334a.497.497 0 0 1 .405.57L11.845 6ZM6 13.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm0 0a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm4 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm0 0a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Z"/>
</svg>

1702 ∇

truck-front-fill

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="currentColor" class="bi bi-truck-front-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M3.5 0A2.5 2.5 0 0 0 1 2.5v9c0 .818.393 1.544 1 2v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V14h6v1.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2c.607-.456 1-1.182 1-2v-9A2.5 2.5 0 0 0 12.5 0h-9ZM3 3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3.9c0 .625-.562 1.092-1.17.994C10.925 7.747 9.208 7.5 8 7.5c-1.208 0-2.925.247-3.83.394A1.008 1.008 0 0 1 3 6.9V3Zm1 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm8 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-5-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H7Z"/>
</svg>

インストール∇Δ

Bootstrap Icons は npm で公開されています。必要な際には手動でダウンロードする必要があります。

npm

npm とコマンドラインを経由して Bootstrap Icons をインストールするには次のコマンドを使用します。その後、使い方でどのようにインクルードするかを選びましょう。

npm i bootstrap-icons

ダウンロード

Bootstrap Icons のリリースは GitHub でも公開されています。すべての SVG アイコンは、ライセンスや readme ファイルと同じくバンドルに含まれています。package.json も含まれていますが、npm スクリプトは主に開発のワークフローのためのものです。

最新の ZIP をダウンロード

CDN

アイコンフォントのスタイルシートを、CSS 内で <head>もしくは@importで読み込むことで、すぐに使い始めることができます。詳しくはドキュメントを参考にしてください。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

使い方∇Δ

Bootstrap Icons は SVG なので、プロジェクトのセットアップの方法にもよりますが、いくつかの方法で HTML に含めることができます。Bootstrap Icons はデフォルトで width と height が 1em になっており、font-size を用いて簡単にリサイズできるようになっています。

組み込み

画像ファイルを使わずに、アイコンを HTML に組み込みましょう。この例では width と height をカスタムしています。

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>

外部の画像

Bootstrap Icons の SVG をコピーしディレクトリに追加することで、通常の画像のように <img> 要素を使ってアイコンを参照できます。

<img src="https://icons.getbootstrap.jp/assets/img/bootstrap.svg" alt="Bootstrap" width="32" height="32">

アイコンフォント∇Δ

アイコン Web フォントを CSS 経由で読み込むことで、HTML 内でクラス名として参照することができます (例：<i class="bi-alarm-clock"></i>)。

アイコンの見た目を変えるには、font-size と color を使います。

<i class="bi-alarm"></i>

<i class="bi-alarm" style="font-size: 2rem; color: cornflowerblue;"></i>

CSS

SVG は CSS 内でも利用できます（色を指定するときには # は %23 に変換するように、全ての文字はエスケープするようにします）。<svg> に width と height の指定がない場合は、アイコンは余った領域を埋めるようにリサイズされます。

viewbox 属性は background-size に応じてアイコンをリサイズするために使われます。ただし xmlns 属性が必要です。

.bi::before {
display: inline-block;
content: "";
vertical-align: -.125em;
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;
}

スタイル∇Δ

色を変えるときには、.text-* クラスまたはカスタム CSS を使います。

<svg class="bi bi-exclamation-triangle text-success" width="32" height="32" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
...
</svg>

アクセシビリティ

アイコンが装飾用途の場合、aria-hidden="true" を付加します。そうでない場合には、適切な代替のテキストを付与するようにします。アイコンを使う方法やどの場所で使っているか（例：スタンドアロンの画像なのか、ボタン内なのか）にもよりますが、次のようなアプローチがあります：

<!-- alt="..." on <img> element -->
<img src="https://icons.getbootstrap.jp/assets/img/bootstrap.svg" alt="Bootstrap" ...>

<i class="bi-github" role="img" aria-label="GitHub"></i>

<!-- aria-label="..." on the control -->
<button ... aria-label="Mute">
<svg class="bi bi-volume-mute-fill" aria-hidden="true" ...>
...
</svg>
</button>

SVG との連携∇Δ

SVG は素晴らしく連携が行なえますが、いくつか癖があります。以下では SVG を使ういくつかの方法を提示しますが、これらは Bootstrap Icons のコードには含まれていません。

報告されている問題は次のとおりです:

Internet Explorer と古いバージョンの Edge において、SVG がはじめからフォーカスされている。 SVG を埋め込む際に、<svg> 要素に focusable="false" を加えます。詳細の Stack Overflow はこちら。
SVG を <img タグで利用している場合、ブラウザのボイスアシスタント機能が画像と発音されず、時々スキップする。 可能な場合には role="img" を含めます。詳細の記事はこちら。
Internet Explorer において、外部の SVG sprite が正しく動作しない。 svg4everybody ポリフィルが必要です。

他にも問題がありましたか？ぜひ Issue を作成して報告してください。

Html Checker