Posts Carousel Vertical Outline アイコン

Q: Posts Carousel Vertical Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:posts-carousel-vertical-outline

Posts Carousel Vertical Outline アイコン(solar:posts-carousel-vertical-outline)は、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
カテゴリ: UI
タグ: postscarousel、carouselvertical、verticaloutline、postscarouselverticaloutline、post

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5 1.25C5.41421 1.25 5.75 1.58579 5.75 2V2.5C5.75 3.4665 6.5335 4.25 7.5 4.25H16.5C17.4665 4.25 18.25 3.4665 18.25 2.5V2C18.25 1.58579 18.5858 1.25 19 1.25C19.4142 1.25 19.75 1.58579 19.75 2V2.5C19.75 4.29493 18.2949 5.75 16.5 5.75H7.5C5.70508 5.75 4.25 4.29493 4.25 2.5V2C4.25 1.58579 4.58579 1.25 5 1.25Z"/><path fill-rule="evenodd" d="M8.948 6.75H15.052C15.9505 6.74997 16.6997 6.74995 17.2945 6.82991C17.9223 6.91432 18.4891 7.09999 18.9445 7.55546C19.4 8.01093 19.5857 8.57773 19.6701 9.20552C19.7501 9.8003 19.75 10.5495 19.75 11.448V12.552C19.75 13.4505 19.7501 14.1997 19.6701 14.7945C19.5857 15.4223 19.4 15.9891 18.9445 16.4445C18.4891 16.9 17.9223 17.0857 17.2945 17.1701C16.6997 17.2501 15.9505 17.25 15.0521 17.25H8.94801C8.04955 17.25 7.30029 17.2501 6.70552 17.1701C6.07773 17.0857 5.51093 16.9 5.05546 16.4445C4.59999 15.9891 4.41432 15.4223 4.32991 14.7945C4.24995 14.1997 4.24997 13.4505 4.25 12.552V11.448C4.24997 10.5495 4.24995 9.8003 4.32991 9.20552C4.41432 8.57773 4.59999 8.01093 5.05546 7.55546C5.51093 7.09999 6.07773 6.91432 6.70552 6.82991C7.3003 6.74995 8.04953 6.74997 8.948 6.75ZM6.9054 8.31654C6.44393 8.37858 6.24644 8.4858 6.11612 8.61612C5.9858 8.74644 5.87858 8.94393 5.81654 9.40539C5.7516 9.88843 5.75 10.536 5.75 11.5V12.5C5.75 13.464 5.7516 14.1116 5.81654 14.5946C5.87858 15.0561 5.9858 15.2536 6.11612 15.3839C6.24644 15.5142 6.44393 15.6214 6.9054 15.6835C7.38843 15.7484 8.03599 15.75 9 15.75H15C15.964 15.75 16.6116 15.7484 17.0946 15.6835C17.5561 15.6214 17.7536 15.5142 17.8839 15.3839C18.0142 15.2536 18.1214 15.0561 18.1835 14.5946C18.2484 14.1116 18.25 13.464 18.25 12.5V11.5C18.25 10.536 18.2484 9.88843 18.1835 9.40539C18.1214 8.94393 18.0142 8.74644 17.8839 8.61612C17.7536 8.4858 17.5561 8.37858 17.0946 8.31654C16.6116 8.2516 15.964 8.25 15 8.25H9C8.03599 8.25 7.38843 8.2516 6.9054 8.31654Z" clip-rule="evenodd"/><path d="M7.5 18.25C5.70508 18.25 4.25 19.7051 4.25 21.5V22C4.25 22.4142 4.58579 22.75 5 22.75C5.41421 22.75 5.75 22.4142 5.75 22V21.5C5.75 20.5335 6.5335 19.75 7.5 19.75H16.5C17.4665 19.75 18.25 20.5335 18.25 21.5V22C18.25 22.4142 18.5858 22.75 19 22.75C19.4142 22.75 19.75 22.4142 19.75 22V21.5C19.75 19.7051 18.2949 18.25 16.5 18.25H7.5Z"/></g></svg>

Posts Carousel Vertical Outline アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="solar:posts-carousel-vertical-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:posts-carousel-vertical-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:posts-carousel-vertical-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--posts-carousel-vertical-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:posts-carousel-vertical-outline"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:posts-carousel-vertical-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/posts-carousel-vertical-outline.svg" alt="Posts Carousel Vertical Outline アイコン" width="24" height="24">

Solar の関連アイコン

Posts Carousel Vertical Outline アイコンのよくある質問

Posts Carousel Vertical Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Posts Carousel Vertical Outline アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:posts-carousel-vertical-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Posts Carousel Vertical Outline アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/posts-carousel-vertical-outline.svg" alt="Posts Carousel Vertical Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →