ICONYZ
日本語
Google Material Icons の Twotone Car Crash アイコン

Twotone Car Crash アイコン

ic:twotone-car-crash

Twotone Car Crash アイコン(ic:twotone-car-crash)は、Google Material Icons セットの無料 SVG アイコンです(作者: Material Design Authors)。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Google Material Icons
作者
Material Design Authors
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
地図
タグ
accident、automobile、car、cars、collision、crash、direction、maps、public、transportation、vehicle、twotonecar、carcrash、twotonecarcrash
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.91 13c.06.16.09.33.09.5c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5c0-.39.15-.74.39-1A7.2 7.2 0 0 1 13.1 11H5v5h14v-3.07c-.33.05-.61.07-1.09.07M7.5 15c-.83 0-1.5-.67-1.5-1.5S6.67 12 7.5 12s1.5.67 1.5 1.5S8.33 15 7.5 15" opacity=".3"/><path fill="currentColor" d="M18 1c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5m.5 6h-1V3h1zm0 1v1h-1V8zM6 13.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5S8.33 15 7.5 15S6 14.33 6 13.5m13-.57a6.7 6.7 0 0 0 2-.6V19c0 .55-.45 1-1 1h-1c-.55 0-1-.45-1-1v-1H6v1c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1v-8l2.08-5.99C5.29 4.42 5.84 4 6.5 4h4.79c-.19.63-.29 1.31-.29 2H6.85L5.81 9h5.86c.36.75.84 1.43 1.43 2H5v5h14zm-1.09.07a6.9 6.9 0 0 1-2.53-.51c-.23.27-.38.62-.38 1.01c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5c0-.18-.03-.34-.09-.5"/></svg>

Twotone Car Crash アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="ic:twotone-car-crash"></iconify-icon>

HTML 画像

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

Google Material Icons の関連アイコン

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

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

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

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

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

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

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

Google Material Icons をすべて見る →