ICONYZ
日本語
Temaki の Speedway Oval アイコン

Speedway Oval アイコン

temaki:speedway-oval

Speedway Oval アイコン(temaki:speedway-oval)は、Temaki セットの無料 SVG アイコンです(作者: Bryan Housel)。 15 × 15 のグリッドで描かれています。 Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Temaki
作者
Bryan Housel
ライセンス
CC0-1.0
サイズ
15 × 15
タグ
speedwayoval
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M3.62 8.56c-.79.78-.79 2.05 0 2.83c.78.78 2.04.78 2.82 0l4.95-4.95c.78-.78.78-2.05 0-2.83s-2.04-.78-2.82 0zM1.49 6.44l4.95-4.95a5.016 5.016 0 0 1 7.08 0a5.003 5.003 0 0 1 0 7.07l-4.95 4.95a5.016 5.016 0 0 1-7.08 0a5.003 5.003 0 0 1 0-7.07m1.42 1.41l1.06-1.06c.19-.19.19-.51 0-.7c-.2-.2-.51-.2-.71 0L2.2 7.15c-.19.19-.19.51 0 .7c.2.2.51.2.71 0M5.7 5.06L6.76 4c.2-.2.2-.51 0-.71a.5.5 0 0 0-.7 0L4.99 4.35c-.19.2-.19.52 0 .71c.2.2.52.2.71 0m2.77-2.63c.37-.22.79-.35 1.22-.39a.502.502 0 0 0-.09-1c-.58.06-1.13.24-1.64.53a.5.5 0 0 0-.17.68c.13.24.44.32.68.18m3.28.17c.11.08.22.18.33.28c.22.22.39.45.53.7c.13.25.44.34.68.2c.24-.13.33-.43.2-.68c-.18-.33-.41-.64-.71-.93c-.14-.14-.29-.26-.44-.38a.506.506 0 0 0-.7.11a.49.49 0 0 0 .11.7m1.14 3.15c-.1.42-.29.81-.57 1.15c-.17.21-.14.53.08.7s.53.14.7-.08c.37-.45.62-.97.76-1.53a.5.5 0 0 0-.36-.61c-.27-.07-.54.1-.61.37m-2.23 2.84L9.6 9.65c-.19.19-.19.51 0 .7c.2.2.51.2.71 0l1.06-1.06c.19-.19.19-.51 0-.7c-.2-.2-.51-.2-.71 0m-2.79 2.79l-.72.72c-.1.1-.2.19-.31.27c-.22.17-.27.48-.1.7s.48.26.7.1c.15-.11.29-.24.42-.37l.72-.71c.19-.2.19-.52 0-.71c-.2-.2-.52-.2-.71 0m-3.08 1.59c-.43-.04-.85-.17-1.23-.38a.503.503 0 0 0-.68.19c-.14.24-.05.55.19.68c.51.29 1.07.46 1.64.5a.497.497 0 1 0 .08-.99m-2.58-1.98c-.15-.41-.21-.84-.17-1.27a.496.496 0 0 0-.45-.54a.504.504 0 0 0-.55.45c-.04.58.03 1.16.23 1.7c.09.26.38.39.63.3c.26-.09.4-.38.31-.64"/></svg>

Speedway Oval アイコンの使い方

React

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

<Icon icon="temaki:speedway-oval" width="24" />

Vue

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

<template>
  <Icon icon="temaki:speedway-oval" width="24" />
</template>

Svelte

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

<Icon icon="temaki:speedway-oval" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[temaki--speedway-oval]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/temaki -->
<div class="i-temaki:speedway-oval"></div>

Web コンポーネント

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

<iconify-icon icon="temaki:speedway-oval"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/temaki/speedway-oval.svg" alt="Speedway Oval アイコン" width="24" height="24">

Temaki の関連アイコン

Speedway Oval アイコン のよくある質問

Speedway Oval アイコンは商用利用でも無料ですか?

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

React で Speedway Oval アイコンを使うには?

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

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

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

Temaki アイコン をすべて見る →