Car Sparkles Filled アイコン

Q: Car Sparkles Filled アイコンは商用利用でも無料ですか?

はい。Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

boxicons:car-sparkles-filled

Car Sparkles Filled アイコン(boxicons:car-sparkles-filled)は、Boxicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Boxicons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Boxicons
作者: Boxicons
ライセンス: MIT
サイズ: 24 × 24
タグ: carsparkles、sparklesfilled、carsparklesfilled、sparkle

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m19.4 12.04l-1.22-3.67A2 2 0 0 0 16.28 7H7.72c-.86 0-1.62.55-1.9 1.37L4.6 12.04c-.91.19-1.6.99-1.6 1.96v3a2 2 0 0 0 1 1.72V21c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-2h10v2c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-2.28A2 2 0 0 0 21 17v-3c0-.97-.69-1.77-1.6-1.96M5 15.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5S7.33 17 6.5 17S5 16.33 5 15.5m11 0c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5m.28-6.5l1 3H6.72l1-3zM4.79 7.87c.04.08.12.13.21.13s.17-.05.21-.13l.82-1.77l1.84-.89C7.95 5.17 8 5.09 8 5s-.05-.17-.13-.21L6.09 3.9L5.2 2.12c-.08-.16-.33-.16-.41 0L3.9 3.9l-1.78.89c-.08.04-.13.12-.13.21s.05.17.13.21l1.77.82l.89 1.85Zm11.07-1.96c.03.05.08.09.14.09s.11-.04.14-.09l.54-1.18l1.23-.59c.05-.03.09-.08.09-.14a.15.15 0 0 0-.09-.14l-1.18-.59l-.59-1.19c-.05-.1-.22-.1-.28 0l-.59 1.19l-1.18.59c-.05.03-.09.08-.09.14s.04.11.09.14l1.18.55l.59 1.23Zm4.87-.64l-.59-1.19c-.05-.1-.22-.1-.28 0l-.59 1.19l-1.18.59c-.05.03-.09.08-.09.14s.04.11.09.14l1.18.55l.59 1.23c.03.05.08.09.14.09s.11-.04.14-.09l.54-1.18l1.23-.59c.05-.03.09-.08.09-.14a.15.15 0 0 0-.09-.14l-1.18-.59Z"/></svg>

Car Sparkles Filled アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="boxicons:car-sparkles-filled" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="boxicons:car-sparkles-filled" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="boxicons:car-sparkles-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--car-sparkles-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:car-sparkles-filled"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="boxicons:car-sparkles-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/boxicons/car-sparkles-filled.svg" alt="Car Sparkles Filled アイコン" width="24" height="24">

Boxicons の関連アイコン

Car Sparkles Filled アイコンのよくある質問

Car Sparkles Filled アイコンは商用利用でも無料ですか?

はい。Boxicons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Car Sparkles Filled アイコンを使うには?

@iconify/react をインストールして <Icon icon="boxicons:car-sparkles-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Car Sparkles Filled アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/boxicons/car-sparkles-filled.svg" alt="Car Sparkles Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Boxicons をすべて見る →