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 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 コードをページに直接貼り付けます。