Unknown Document Rounded アイコン
material-symbols-light:unknown-document-rounded
Unknown Document Rounded アイコン(material-symbols-light:unknown-document-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
- カテゴリ
- テキスト
- タグ
- unknowndocument、documentrounded、unknowndocumentrounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.684 19.38q.158-.159.158-.376q0-.218-.158-.376q-.159-.159-.376-.159t-.376.159t-.159.376t.159.376t.376.159t.376-.16m-.376-5.61q-.475 0-.866.238q-.39.237-.64.657q-.08.13-.016.264q.066.134.202.19q.131.055.271.009t.227-.171q.145-.194.351-.323q.207-.13.47-.13q.364 0 .621.242q.256.242.256.586q0 .275-.169.482t-.369.406q-.15.15-.293.31q-.144.16-.269.34q-.094.131-.122.294t-.028.318q0 .205.097.364q.096.159.277.159q.161 0 .267-.131t.106-.292q0-.275.15-.478t.35-.384q.3-.275.525-.622t.225-.766q0-.656-.481-1.109q-.48-.453-1.142-.453m-2.836 5.759q-1.164-1.164-1.164-2.836q0-1.67 1.164-2.835q1.165-1.165 2.836-1.165t2.835 1.165t1.165 2.835t-1.165 2.836t-2.835 1.164t-2.836-1.164M13.808 8H17l-4-4l4 4l-4-4v3.192q0 .348.23.578t.578.23M5.616 21q-.672 0-1.144-.472T4 19.385V4.615q0-.67.472-1.143Q4.944 3 5.616 3h7.213q.323 0 .628.13t.522.349L17.52 7.02q.217.218.348.522t.131.628v1.44q0 .349-.27.576t-.624.17q-.2-.024-.397-.037q-.196-.012-.401-.012q-1.445 0-2.688.585T11.504 12.5H8q-.213 0-.357.143T7.5 13t.143.357T8 13.5h2.79q-.378.667-.605 1.427T9.94 16.5H8q-.213 0-.357.143T7.5 17t.143.357T8 17.5h1.979q.087.667.308 1.278q.22.61.563 1.197q.217.348.043.687t-.547.338z"/></svg>Unknown Document Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:unknown-document-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:unknown-document-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:unknown-document-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--unknown-document-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:unknown-document-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:unknown-document-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/unknown-document-rounded.svg" alt="Unknown Document Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Unknown Document Rounded アイコン
Unknown Document Rounded アイコン のよくある質問
Unknown Document Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Unknown Document Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:unknown-document-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Unknown Document Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/unknown-document-rounded.svg" alt="Unknown Document Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。