Markdown Convert Rounded アイコン
material-symbols-light:markdown-convert-rounded
Markdown Convert Rounded アイコン(material-symbols-light:markdown-convert-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- テキスト
- タグ
- markdownconvert、convertrounded、markdownconvertrounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.296 18H20.5q.213 0 .356.144t.144.357t-.144.356T20.5 19h-3.23q-.344 0-.576-.232t-.233-.576v-3.23q0-.213.145-.357t.356-.143t.356.143t.144.357v2.27q1.117-.235 1.842-1.121t.725-2.053q0-1.224-.8-2.14t-1.992-1.085q-.216-.024-.337-.18q-.121-.155-.09-.369q.03-.213.192-.335t.375-.091q.573.08 1.088.289q.514.209.963.572q.741.59 1.171 1.45t.43 1.87q0 1.357-.767 2.43q-.766 1.071-1.966 1.531M6.692 10.192h1.616v2.558q0 .192.125.317t.316.125t.317-.125t.126-.317v-2.558h1.616v4.058q0 .192.125.317t.316.125t.317-.125t.126-.317V10q0-.31-.191-.501T11 9.308H6.5q-.31 0-.501.191q-.191.192-.191.501v4.25q0 .192.125.317t.316.125t.317-.125t.126-.317zM4.615 19q-.69 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616V7.82q0 .354-.314.52q-.313.166-.63-.032q-.746-.442-1.575-.664t-1.702-.221h-.789q-.505 0-.858.354q-.353.353-.353.858v3.038q-.46 0-.773.316q-.314.316-.314.77v5.433q0 .344-.232.576t-.576.232z"/></svg>Markdown Convert Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:markdown-convert-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:markdown-convert-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:markdown-convert-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--markdown-convert-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:markdown-convert-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:markdown-convert-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/markdown-convert-rounded.svg" alt="Markdown Convert Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
markdown
markdown-convert
markdown-convert-outline
markdown-convert-outline-rounded
markdown-convert-outline-sharp
markdown-convert-sharp
markdown-copy
markdown-copy-outline
markdown-copy-outline-rounded
markdown-copy-outline-sharp
markdown-copy-rounded
markdown-copy-sharp
markdown-document
markdown-document-outline
markdown-document-outline-rounded
markdown-document-outline-sharp
markdown-document-rounded
markdown-document-sharp
markdown-outline
markdown-outline-rounded
markdown-outline-sharp
markdown-paste
markdown-paste-rounded
markdown-paste-sharp
他のアイコンセットの Markdown Convert Rounded アイコン
Markdown Convert Rounded アイコン のよくある質問
Markdown Convert Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Markdown Convert Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:markdown-convert-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Markdown Convert Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/markdown-convert-rounded.svg" alt="Markdown Convert Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。