ICONYZ
日本語
Material Symbols Light の Language Chinese Pinyin アイコン

Language Chinese Pinyin アイコン

material-symbols-light:language-chinese-pinyin

Language Chinese Pinyin アイコン(material-symbols-light:language-chinese-pinyin)は、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
カテゴリ
テキスト
タグ
languagechinese、chinesepinyin、languagechinesepinyin、language chinese pinyin outline sharp、language chinese pinyin sharp、language chinese pinyin outline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.25 12.473h1.785v-2.3H8.25zm-5.686 4.739l-.233-.798h1.11q.125 0 .218-.107t.093-.232v-2.89l-1.338.482l-.16-.754l1.498-.513v-2.25H2.525v-.78h1.227V7.05h.792v2.32h.914v.78h-.92v1.983l1.078-.383l.034.742l-1.111.42v3.317q0 .392-.253.687t-.64.296zm3.186.227l-.475-.627q.914-.614 1.486-1.533q.572-.92.655-2.013H5.639v-.799h1.819v-2.294H6.05v-.775h5.998v.792h-1.232v2.306h1.615l-.012.77h-1.603v3.951h-.793v-3.951H8.208q-.089 1.28-.736 2.374q-.647 1.093-1.722 1.799m4.729-7.868l-.66-.25l.54-.911q.266-.446.466-.937l.721.246q-.211.498-.499.946t-.568.906m-2.66-.184q-.23-.46-.467-.904t-.529-.867l.693-.272q.273.423.519.868q.246.444.476.904zm9.173 7.07q.796 0 1.613-.42q.816-.421 1.52-1.175v-3.343q-.69.114-1.264.262t-1.172.33q-1.298.427-1.928 1.077t-.63 1.485q0 .823.508 1.304t1.353.48m-.133.893q-1.232 0-1.98-.735q-.748-.736-.748-1.944q0-1.146.806-1.952t2.457-1.344q.46-.15 1.138-.294t1.593-.321v-.25q-.012-1.406-.521-2.117q-.51-.71-1.713-.71q-.689 0-1.365.237t-1.426.742l-.434-.766q.767-.529 1.62-.82T18 6.785q1.583 0 2.354.994t.771 2.806v6.54h-.848l-.111-1.298q-.758.721-1.625 1.122q-.866.401-1.681.401"/></svg>

Language Chinese Pinyin アイコンの使い方

React

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

<Icon icon="material-symbols-light:language-chinese-pinyin" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:language-chinese-pinyin" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:language-chinese-pinyin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--language-chinese-pinyin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:language-chinese-pinyin"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:language-chinese-pinyin"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/language-chinese-pinyin.svg" alt="Language Chinese Pinyin アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Language Chinese Pinyin アイコン

Language Chinese Pinyin アイコン のよくある質問

Language Chinese Pinyin アイコンは商用利用でも無料ですか?

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

React で Language Chinese Pinyin アイコンを使うには?

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

Language Chinese Pinyin アイコンをウェブページに追加するには?

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

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