Driver Refresh Filled アイコン
reicon:driver-refresh-filled
Driver Refresh Filled アイコン(reicon:driver-refresh-filled)は、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" d="M9.93 12.75H3c-.55 0-1 .45-1 1v2.44C2 19.4 4.6 22 7.81 22h1.7c.77 0 1.24-.82.87-1.5c-.79-1.47-1.1-3.24-.71-5.1c.14-.68.38-1.32.7-1.92a.498.498 0 0 0-.44-.73M6.75 18c0 .41-.34.75-.75.75s-.75-.34-.75-.75v-2c0-.41.34-.75.75-.75s.75.34.75.75zm9.44-16H7.81C4.6 2 2 4.6 2 7.81v2.44c0 .55.45 1 1 1h8.84c.22 0 .43-.08.61-.22c.86-.66 1.87-1.14 2.95-1.36c1.86-.39 3.63-.08 5.1.71c.68.36 1.5-.1 1.5-.87v-1.7C22 4.6 19.4 2 16.19 2M6.75 8.25c0 .41-.34.75-.75.75s-.75-.34-.75-.75v-2c0-.41.34-.75.75-.75s.75.34.75.75zm4 0c0 .41-.34.75-.75.75s-.75-.34-.75-.75v-2c0-.41.34-.75.75-.75s.75.34.75.75zM18 8h-4c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75S18.41 8 18 8m-1 3c-3.31 0-6 2.69-6 6s2.69 6 6 6s6-2.69 6-6s-2.69-6-6-6m2.93 7.2c-.16.39-.39.74-.69 1.04a3.14 3.14 0 0 1-4.1.31v.14c0 .31-.25.57-.57.57a.58.58 0 0 1-.57-.58v-1.44c0-.31.25-.57.57-.57h1.44c.31 0 .57.25.57.57c0 .29-.21.51-.49.55c.76.37 1.73.25 2.34-.36a2 2 0 0 0 .44-.67c.12-.29.45-.43.74-.31c.3.12.44.46.32.75m.07-2.44c0 .31-.25.57-.57.57h-1.44a.57.57 0 0 1-.57-.57c0-.29.21-.51.49-.55c-.76-.37-1.73-.25-2.35.36c-.17.17-.3.36-.4.57a.565.565 0 0 1-.75.28a.567.567 0 0 1-.27-.76c.16-.33.37-.63.62-.89a3.14 3.14 0 0 1 4.1-.31v-.13c0-.31.25-.57.57-.57s.57.24.57.56z"/></svg>Driver Refresh Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:driver-refresh-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:driver-refresh-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:driver-refresh-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--driver-refresh-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:driver-refresh-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:driver-refresh-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/driver-refresh-filled.svg" alt="Driver Refresh Filled アイコン" width="24" height="24">Reicon の関連アイコン
Driver Refresh Filled アイコン のよくある質問
Driver Refresh Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Driver Refresh Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:driver-refresh-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Driver Refresh Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/driver-refresh-filled.svg" alt="Driver Refresh Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。