Ev Charge アイコン
reicon:ev-charge
Ev Charge アイコン(reicon:ev-charge)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.945 1.25h1.11c1.367 0 2.47 0 3.337.117c.9.12 1.658.38 2.26.981c.602.602.86 1.36.982 2.26c.116.867.116 1.97.116 3.337v8.305h.821c1.204 0 2.179.975 2.179 2.179v.071a.75.75 0 0 0 1.5 0v-3.96l-1.462-.487a2.25 2.25 0 0 1-1.538-2.134V9.5a2.25 2.25 0 0 1 2.25-2.25h.742a2.25 2.25 0 0 0-.74-1.483a6 6 0 0 0-.237-.195l-1.233-.986a.75.75 0 1 1 .936-1.172l1.25 1c.122.098.206.165.285.236a3.75 3.75 0 0 1 1.241 2.582c.006.105.006.213.006.37V18.5a2.25 2.25 0 0 1-4.5 0v-.071a.68.68 0 0 0-.679-.679h-.821v3.5H17a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5h.25V7.945c0-1.367 0-2.47.117-3.337c.12-.9.38-1.658.981-2.26c.602-.602 1.36-.86 2.26-.981c.867-.117 1.97-.117 3.337-.117m-5.195 20h11.5V8c0-1.435-.002-2.437-.103-3.192c-.099-.734-.28-1.122-.556-1.399c-.277-.277-.665-.457-1.4-.556c-.755-.101-1.756-.103-3.191-.103H9c-1.435 0-2.437.002-3.192.103c-.734.099-1.122.28-1.399.556c-.277.277-.457.665-.556 1.4C3.752 5.562 3.75 6.564 3.75 8zm17.5-8.29V8.75h-.75a.75.75 0 0 0-.75.75v2.419c0 .323.207.61.513.711zM9.886 9.356a.75.75 0 0 1 .257 1.029l-.818 1.364H11a.75.75 0 0 1 .643 1.136l-1.5 2.5a.75.75 0 1 1-1.286-.772l.818-1.364H8a.75.75 0 0 1-.643-1.136l1.5-2.5a.75.75 0 0 1 1.029-.257" clip-rule="evenodd"/></svg>Ev Charge アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:ev-charge" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:ev-charge" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:ev-charge" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--ev-charge]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:ev-charge"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:ev-charge"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/ev-charge.svg" alt="Ev Charge アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Ev Charge アイコン
Ev Charge アイコン のよくある質問
Ev Charge アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ev Charge アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:ev-charge" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ev Charge アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/ev-charge.svg" alt="Ev Charge アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。