Wb Auto Rounded アイコン

Q: Wb Auto Rounded アイコンは商用利用でも無料ですか?

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

material-symbols-light:wb-auto-rounded

Wb Auto Rounded アイコン(material-symbols-light:wb-auto-rounded)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Symbols Light
作者: Google
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: 画像
タグ: a、w、alphabet、auto、automatic、balance、character、edit、editing、font、image、letters、photo、photography、symbol、text

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.944 13.008h2.8l.64 1.713q.05.137.143.208t.229.071q.223 0 .347-.17t.043-.388L8.76 8.188q-.037-.084-.12-.136T8.474 8h-.22q-.084 0-.166.052q-.083.052-.12.137L5.562 14.46q-.062.198.043.369t.328.17q.142 0 .232-.062q.089-.061.139-.198zm.273-.692L8.294 9.3h.1l1.077 3.016zM8.344 18q-2.502 0-4.25-1.749T2.343 12t1.75-4.251T8.343 6q1.989 0 3.562 1.173t2.127 3.071l-.435-1.711q-.056-.217.071-.375T14.014 8q.161 0 .253.093t.143.236l1.196 5.155h.05l1.369-5.186q.05-.136.149-.217T17.41 8h.223q.136 0 .235.08t.15.218l1.369 5.187h.061l1.196-5.156q.05-.143.162-.236T21.079 8q.217 0 .354.167t.08.385l-1.55 6.144q-.05.142-.149.223t-.241.081h-.223q-.142 0-.244-.084q-.102-.083-.152-.22l-1.414-5.33h-.05l-1.402 5.35q-.05.142-.142.213t-.235.071h-.198q-.142 0-.254-.074q-.111-.074-.142-.217l-.888-3.686q.5 2.74-1.29 4.859T8.343 18"/></svg>

Wb Auto Rounded アイコンの使い方

React

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

<Icon icon="material-symbols-light:wb-auto-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:wb-auto-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:wb-auto-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--wb-auto-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:wb-auto-rounded"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:wb-auto-rounded"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/wb-auto-rounded.svg" alt="Wb Auto Rounded アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Wb Auto Rounded アイコン

Wb Auto Rounded アイコンのよくある質問

Wb Auto Rounded アイコンは商用利用でも無料ですか?

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

React で Wb Auto Rounded アイコンを使うには?

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

Wb Auto Rounded アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/wb-auto-rounded.svg" alt="Wb Auto Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Symbols Light アイコンをすべて見る →