Document 2 Broken アイコン
solar:document-2-broken
Document 2 Broken アイコン(solar:document-2-broken)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 学校
- タグ
- documentbroken
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18 4.30604V6.00002H5.07107C4.47953 6.00002 4 5.52049 4 4.92895C4 4.39594 4.39193 3.94403 4.91959 3.86865L15.7172 2.32614C16.922 2.15402 18 3.08894 18 4.30604Z"/><path stroke-linecap="round" d="M8 12H16"/><path stroke-linecap="round" d="M8 15.5H13.5"/><path stroke-linecap="round" d="M4 6V19C4 20.6569 5.34315 22 7 22H17C18.6569 22 20 20.6569 20 19V14M4 6V5M4 6H17C18.6569 6 20 7.34315 20 9V10"/></g></svg>Document 2 Broken アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:document-2-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:document-2-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:document-2-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--document-2-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:document-2-broken"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:document-2-broken"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/document-2-broken.svg" alt="Document 2 Broken アイコン" width="24" height="24">Solar の関連アイコン
document-2-bold
document-2-bold-duotone
document-2-line-duotone
document-2-linear
document-2-outline
document-add-bold
document-add-bold-duotone
document-add-broken
document-add-line-duotone
document-add-linear
document-add-outline
document-bold
document-bold-duotone
document-broken
document-line-duotone
document-linear
document-medicine-bold
document-medicine-bold-duotone
document-medicine-broken
document-medicine-line-duotone
document-medicine-linear
document-medicine-outline
document-outline
document-text-bold
Document 2 Broken アイコン のよくある質問
Document 2 Broken アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Document 2 Broken アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:document-2-broken" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Document 2 Broken アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/document-2-broken.svg" alt="Document 2 Broken アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。