Insert Column Solid アイコン
streamline-plump:insert-column-solid
Insert Column Solid アイコン(streamline-plump:insert-column-solid)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- insertcolumn、columnsolid、insertcolumnsolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M19.86 1.562C20.947 1.525 22.307 1.5 24 1.5c1.69 0 3.05.025 4.14.062c1.45.05 2.736.78 3.285 2.065c.554 1.294.182 2.731-.814 3.804q-.522.562-1.177 1.231c-1.25 1.274-2.266 2.122-3.05 2.686a4.03 4.03 0 0 1-4.768 0c-.785-.564-1.8-1.412-3.05-2.686a62 62 0 0 1-1.178-1.232c-.996-1.073-1.368-2.51-.814-3.803c.55-1.284 1.835-2.015 3.285-2.065M12 13.5c-2.61 0-4.6.133-6.034.288c-2.44.264-4.099 2.263-4.217 4.577C1.63 20.673 1.5 24.471 1.5 30s.13 9.328.249 11.635c.118 2.314 1.776 4.313 4.217 4.577C7.4 46.367 9.39 46.5 12 46.5s4.6-.132 6.035-.288c2.44-.264 4.098-2.263 4.216-4.577c.119-2.307.249-6.106.249-11.635s-.13-9.327-.249-11.635c-.118-2.314-1.776-4.313-4.217-4.577C16.6 13.633 14.61 13.5 12 13.5m24 0c-2.61 0-4.6.133-6.034.288c-2.44.264-4.099 2.263-4.217 4.577C25.63 20.673 25.5 24.471 25.5 30s.13 9.328.249 11.635c.118 2.314 1.776 4.313 4.217 4.577c1.434.155 3.424.288 6.034.288c2.646 0 4.654-.136 6.093-.294c2.402-.264 4.048-2.22 4.168-4.513c.116-2.22.239-5.935.239-11.693s-.123-9.473-.24-11.693c-.119-2.292-1.765-4.25-4.167-4.513c-1.439-.158-3.447-.294-6.093-.294" clip-rule="evenodd"/></svg>Insert Column Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:insert-column-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:insert-column-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:insert-column-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--insert-column-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:insert-column-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:insert-column-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/insert-column-solid.svg" alt="Insert Column Solid アイコン" width="24" height="24">Plump free icons の関連アイコン
Insert Column Solid アイコン のよくある質問
Insert Column Solid アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Insert Column Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:insert-column-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Insert Column Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/insert-column-solid.svg" alt="Insert Column Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。