Waze アイコン
bxl:waze
Waze アイコン(bxl:waze)は、Boxicons Brands セットの無料 SVG アイコンです（作者: Boxicons）。 24 × 24 のグリッドで描かれています。 Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Boxicons Brands
- 作者
- Boxicons
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.97 10.99c0-2.38-.94-4.67-2.63-6.35A8.87 8.87 0 0 0 13.01 2c-2.74 0-5.29 1.22-7.03 3.42a8.94 8.94 0 0 0-1.94 5.59v1.49c0 .76-.6 1.51-1.6 1.51c-.17 0-.32.11-.37.27c-.19.62.57 2 1.65 3.09c.68.7 1.48 1.27 2.36 1.71c-.24 1.36.67 2.65 2.03 2.89c.14.02.28.04.43.04c1.19 0 2.21-.83 2.44-2h2.09c.28 1.41 1.74 2.38 3.31 1.85a2.4 2.4 0 0 0 1.47-1.45c.23-.65.2-1.28-.01-1.83c.55-.35 1.06-.77 1.52-1.23a8.92 8.92 0 0 0 2.62-6.36Zm-8.96 8.02h-2.04A2.485 2.485 0 0 0 8.53 17c-.85 0-1.64.43-2.1 1.14v.02a7.8 7.8 0 0 1-2.01-1.49c-.7-.71-1.08-1.36-1.26-1.77c.46-.11.87-.35 1.19-.7c.43-.46.67-1.08.66-1.71V11c0-1.77.59-3.5 1.67-4.9c1.55-2 3.85-3.11 6.31-3.11c2.12 0 4.12.83 5.63 2.35c1.5 1.5 2.34 3.53 2.34 5.65c0 2.14-.83 4.14-2.33 5.66A7.95 7.95 0 0 1 13 19.01Z"/><path fill="currentColor" d="M12 9c0-.55-.45-1-1-1s-1 .45-1 1s.45 1 1 1s1-.45 1-1m5.37 3.04a.5.5 0 0 0-.21-.05h-.01c-.19 0-.36.11-.44.28a2.99 2.99 0 0 1-2.7 1.72c-1.16 0-2.21-.67-2.7-1.72a.5.5 0 0 0-.95.22c0 .07.02.14.05.21c.66 1.4 2.06 2.29 3.61 2.29a4 4 0 0 0 3.61-2.29c.12-.25 0-.54-.24-.66ZM16.99 8c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg>
Waze アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:waze" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:waze" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:waze" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--waze]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:waze"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:waze"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/waze.svg" alt="Waze アイコン" width="24" height="24">
Waze アイコン のよくある質問
Waze アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Waze アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:waze" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Waze アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/waze.svg" alt="Waze アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
