List Up Minimalistic Bold アイコン
solar:list-up-minimalistic-bold
List Up Minimalistic Bold アイコン(solar:list-up-minimalistic-bold)は、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
- カテゴリ
- リスト
- タグ
- listup、upminimalistic、minimalisticbold、listupminimalisticbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.25 6C2.25 5.58579 2.58579 5.25 3 5.25H20C20.4142 5.25 20.75 5.58579 20.75 6C20.75 6.41421 20.4142 6.75 20 6.75H3C2.58579 6.75 2.25 6.41421 2.25 6ZM2.25 11C2.25 10.5858 2.58579 10.25 3 10.25H20C20.4142 10.25 20.75 10.5858 20.75 11C20.75 11.4142 20.4142 11.75 20 11.75H3C2.58579 11.75 2.25 11.4142 2.25 11ZM17.0119 14.4306C17.2928 14.1898 17.7072 14.1898 17.9881 14.4306L21.4881 17.4306C21.8026 17.7001 21.839 18.1736 21.5694 18.4881C21.2999 18.8026 20.8264 18.839 20.5119 18.5694L17.5 15.9878L14.4881 18.5694C14.1736 18.839 13.7001 18.8026 13.4306 18.4881C13.161 18.1736 13.1974 17.7001 13.5119 17.4306L17.0119 14.4306ZM2.25 16C2.25 15.5858 2.58579 15.25 3 15.25H11C11.4142 15.25 11.75 15.5858 11.75 16C11.75 16.4142 11.4142 16.75 11 16.75H3C2.58579 16.75 2.25 16.4142 2.25 16Z" clip-rule="evenodd"/></svg>List Up Minimalistic Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:list-up-minimalistic-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:list-up-minimalistic-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:list-up-minimalistic-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--list-up-minimalistic-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:list-up-minimalistic-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:list-up-minimalistic-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/list-up-minimalistic-bold.svg" alt="List Up Minimalistic Bold アイコン" width="24" height="24">Solar の関連アイコン
list-arrow-down-bold
list-arrow-down-bold-duotone
list-arrow-down-broken
list-arrow-down-line-duotone
list-arrow-down-linear
list-arrow-down-minimalistic-bold
list-arrow-down-minimalistic-bold-duotone
list-arrow-down-minimalistic-broken
list-arrow-down-minimalistic-line-duotone
list-arrow-down-minimalistic-linear
list-arrow-down-minimalistic-outline
list-arrow-down-outline
list-arrow-up-bold
list-arrow-up-bold-duotone
list-arrow-up-broken
list-arrow-up-line-duotone
list-arrow-up-linear
list-arrow-up-minimalistic-bold
list-arrow-up-minimalistic-bold-duotone
list-arrow-up-minimalistic-broken
list-arrow-up-minimalistic-line-duotone
list-arrow-up-minimalistic-linear
list-arrow-up-minimalistic-outline
list-arrow-up-outline
List Up Minimalistic Bold アイコン のよくある質問
List Up Minimalistic Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で List Up Minimalistic Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:list-up-minimalistic-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
List Up Minimalistic Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/list-up-minimalistic-bold.svg" alt="List Up Minimalistic Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。