Svelte アイコン
bxl:svelte
Svelte アイコン(bxl:svelte)は、Boxicons Brands セットの無料 SVG アイコンです（作者: Boxicons）。 24 × 24 のグリッドで描かれています。 Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Boxicons Brands
- 作者
- Boxicons
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.26 4.65c-1.86-2.66-5.53-3.45-8.18-1.76L6.42 5.86c-1.27.8-2.15 2.1-2.41 3.58c-.22 1.23-.03 2.5.55 3.61c-.4.6-.67 1.28-.8 2c-.27 1.51.08 3.06.97 4.31c1.86 2.66 5.53 3.45 8.18 1.76l4.66-2.97c1.27-.8 2.15-2.1 2.41-3.58c.22-1.23.03-2.5-.55-3.61c.4-.6.67-1.28.8-2c.27-1.51-.08-3.06-.97-4.31m-1.33 3.81c-.03.15-.06.29-.11.44l-.09.27l-.24-.18c-.55-.41-1.17-.71-1.82-.91l-.17-.05l.02-.17c.02-.25-.05-.49-.19-.69c-.27-.38-.74-.56-1.2-.44c-.1.03-.2.07-.29.13L9.18 9.83a.99.99 0 0 0-.26 1.43c.27.38.74.56 1.2.44c.1-.03.2-.07.29-.13l1.78-1.13c.29-.19.61-.33.95-.42c1.5-.39 3.09.2 3.97 1.47c.54.75.75 1.68.59 2.59c-.16.89-.69 1.67-1.45 2.15l-4.66 2.97c-.29.19-.61.33-.95.42c-1.5.39-3.09-.2-3.97-1.47a3.41 3.41 0 0 1-.48-3.03l.09-.27l.24.18c.55.41 1.17.71 1.82.91l.17.05l-.02.17c-.02.25.05.49.19.69c.27.38.74.56 1.2.44c.1-.03.2-.07.29-.13l4.66-2.97a1 1 0 0 0 .44-.65c.05-.27-.02-.55-.18-.78c-.27-.38-.74-.56-1.2-.44c-.1.03-.2.07-.29.13l-1.78 1.13c-.29.19-.61.33-.95.42c-1.5.39-3.09-.2-3.97-1.47a3.4 3.4 0 0 1-.59-2.59c.16-.89.69-1.67 1.45-2.15l4.66-2.97c.29-.19.61-.33.95-.42c1.5-.39 3.09.2 3.97 1.47c.54.75.75 1.68.59 2.59"/></svg>
Svelte アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:svelte" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:svelte" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:svelte" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--svelte]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:svelte"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:svelte"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/svelte.svg" alt="Svelte アイコン" width="24" height="24">
Svelte アイコン のよくある質問
Svelte アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Svelte アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:svelte" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Svelte アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/svelte.svg" alt="Svelte アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
