ICONYZ
日本語
andrsrxn/icons の Car Crash アイコン

Car Crash アイコン

andrsrxn:car-crash

Car Crash アイコン(andrsrxn:car-crash)は、andrsrxn/icons セットの無料 SVG アイコンです(作者: Andrés Raxón)。 24 × 24 のグリッドで描かれています。 andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
andrsrxn/icons
作者
Andrés Raxón
ライセンス
MIT
サイズ
24 × 24
カテゴリ
交通、旅行
タグ
carcrash
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M4.1 15.3H1.46V9.7h2.76l5.13.51c.24.02.37.04.47.07a1 1 0 0 1 .65.69c.03.1.04.23.05.48l.1 2.27a1.35 1.35 0 0 1-2.62.5l-.07-.2H7.3c-.6 0-1.18.23-1.61.64s-1 .65-1.6.65m15.81-.01h2.63V9.7h-2.76l-5.13.51c-.24.02-.37.04-.47.07a1 1 0 0 0-.65.69c-.03.1-.04.23-.05.48l-.1 2.27a1.35 1.35 0 0 0 2.62.5l.07-.2h.63c.6 0 1.18.23 1.61.64s1 .65 1.6.65" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m7.62 9.69l-.4-.65c-.85-1.4-1.28-2.1-1.97-2.49c-.68-.38-1.5-.38-3.14-.38h-.56m14.83 3.52l.4-.65c.85-1.4 1.28-2.1 1.97-2.49c.68-.38 1.5-.38 3.14-.38h.56M8.66 15.3h.25a2 2 0 0 0 1.89-1.88v-1.13a2 2 0 0 0-.42-1.01l-.3-.33l-.22-.22a4 4 0 0 0-.78-.7a2 2 0 0 0-.52-.22c-.25-.07-.52-.07-1.05-.07H1.73m13.61 5.56h-.25a2 2 0 0 1-1.89-1.88v-1.13a2 2 0 0 1 .42-1.01l.3-.33l.22-.22c.37-.38.56-.57.78-.7a2 2 0 0 1 .52-.22c.25-.07.52-.07 1.05-.07h5.78"/><circle cx="6.7" cy="15.86" r="1.97" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" transform="rotate(90 6.7 15.86)"/><circle cx="1.97" cy="1.97" r="1.97" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" transform="matrix(0 1 1 0 15.33 13.9)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M1.47 15.3h3.26m17.8 0h-3.27m-4.73-9.98l-1.1 1.96M9.47 5.32l1.1 1.96"/></g></svg>

Car Crash アイコンの使い方

React

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

<Icon icon="andrsrxn:car-crash" width="24" />

Vue

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

<template>
  <Icon icon="andrsrxn:car-crash" width="24" />
</template>

Svelte

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

<Icon icon="andrsrxn:car-crash" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--car-crash]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:car-crash"></div>

Web コンポーネント

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

<iconify-icon icon="andrsrxn:car-crash"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/andrsrxn/car-crash.svg" alt="Car Crash アイコン" width="24" height="24">

andrsrxn/icons の関連アイコン

他のアイコンセットの Car Crash アイコン

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

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

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

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

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

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

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

andrsrxn/icons をすべて見る →