Car Crash Duo アイコン
glyphs:car-crash-duo
Car Crash Duo アイコン(glyphs:car-crash-duo)は、Glyphs セットの無料 SVG アイコンです(作者: Goran Spasojevic)。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- carcrash、crashduo、carcrashduo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M49.458 29.039L11.052 39.33l1.144-10.364a8 8 0 0 1 5.881-6.85l16.69-4.471a8 8 0 0 1 8.518 2.99zM12.665 57.402l1.423 5.31a2 2 0 0 0 2.45 1.414l5.795-1.553a2 2 0 0 0 1.414-2.449l-1.39-5.188l-8.693 2.33q-.502.133-.999.136m34.805-9.195l1.391 5.188a2 2 0 0 0 2.45 1.414l5.795-1.553a2 2 0 0 0 1.414-2.45l-1.423-5.31q-.432.246-.933.381z"/><path fill="currentColor" fill-opacity=".25" d="M7.212 48.641a8 8 0 0 1 5.656-9.798l34.774-9.317a8 8 0 0 1 9.798 5.657l1.553 5.795a4 4 0 0 1-2.829 4.9l-42.5 11.387a4 4 0 0 1-4.9-2.828z"/><path fill="currentColor" fill-opacity=".25" d="M14.328 48.154a3 3 0 1 1 5.796-1.553a3 3 0 0 1-5.796 1.553m36.705-9.835a3 3 0 1 0-5.796 1.553a3 3 0 0 0 5.796-1.553"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m13.664 57.265l8.693-2.33l1.39 5.189a2 2 0 0 1-1.414 2.45l-5.796 1.552a2 2 0 0 1-2.45-1.414l-1.422-5.31q.496-.003.999-.137m0 0l42.5-11.388m-42.5 11.388a4 4 0 0 1-4.9-2.828L7.213 48.64a8 8 0 0 1 5.656-9.798l34.774-9.317a8 8 0 0 1 9.798 5.657l1.553 5.795a4 4 0 0 1-2.829 4.9m0 0c.334-.09.646-.22.933-.381l1.423 5.31a2 2 0 0 1-1.414 2.449l-5.796 1.553a2 2 0 0 1-2.449-1.414l-1.39-5.188zm-3.571-29.172l6.056 3.366l4.978-4.819l1.902 6.663l6.927.113l-3.366 6.055l4.82 4.979l-6.663 1.902l-.113 6.927M49.458 29.04L11.052 39.33l1.144-10.364a8 8 0 0 1 5.881-6.85l16.69-4.471a8 8 0 0 1 8.518 2.99zM18.002 50.275a3 3 0 1 1-1.553-5.796a3 3 0 0 1 1.553 5.796m30.91-8.282a3 3 0 1 0-1.553-5.795a3 3 0 0 0 1.553 5.795"/></g></svg>Car Crash Duo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:car-crash-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:car-crash-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:car-crash-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--car-crash-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:car-crash-duo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:car-crash-duo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/car-crash-duo.svg" alt="Car Crash Duo アイコン" width="24" height="24">Glyphs の関連アイコン
Car Crash Duo アイコン のよくある質問
Car Crash Duo アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Car Crash Duo アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:car-crash-duo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Car Crash Duo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/car-crash-duo.svg" alt="Car Crash Duo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。