Sidebar Open Bold Duotone アイコン

Q: Sidebar Open Bold Duotone アイコンは商用利用でも無料ですか?

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

solar:sidebar-open-bold-duotone

Sidebar Open Bold Duotone アイコン(solar:sidebar-open-bold-duotone)は、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
タグ: sidebaropen、openbold、boldduotone、sidebaropenboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M3.17157 4.1716C2 5.34318 2 7.2288 2 11V13C2 16.7713 2 18.6569 3.17157 19.8285C4.34315 21 6.22876 21 10 21H14C14.0843 21 14.9176 21.0001 15 21.0001L15 3.00006C14.9176 3.00005 14.0843 3.00003 14 3.00003H10C6.22876 3.00003 4.34315 3.00003 3.17157 4.1716Z" clip-rule="evenodd" opacity=".5"/><path d="M14.9999 3.00586C17.6357 3.03348 19.8537 3.19757 20.828 4.17188C21.9995 5.34345 21.9999 7.22888 21.9999 11V13C21.9999 16.7711 21.9995 18.6565 20.828 19.8281C19.8537 20.8024 17.6357 20.9665 14.9999 20.9941V3.00586Z"/><path d="M9.21864 8.51172C9.48825 8.19748 9.96186 8.16118 10.2763 8.43066C10.5905 8.70024 10.6267 9.17388 10.3573 9.48828L8.20497 12L10.3573 14.5117C10.6267 14.8261 10.5905 15.2998 10.2763 15.5693C9.96185 15.8388 9.48825 15.8025 9.21864 15.4883L6.64735 12.4883C6.40661 12.2074 6.40661 11.7926 6.64735 11.5117L9.21864 8.51172Z"/></g></svg>

Sidebar Open Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:sidebar-open-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:sidebar-open-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:sidebar-open-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--sidebar-open-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:sidebar-open-bold-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="solar:sidebar-open-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/sidebar-open-bold-duotone.svg" alt="Sidebar Open Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Sidebar Open Bold Duotone アイコンのよくある質問

Sidebar Open Bold Duotone アイコンは商用利用でも無料ですか?

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

React で Sidebar Open Bold Duotone アイコンを使うには?

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

Sidebar Open Bold Duotone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/sidebar-open-bold-duotone.svg" alt="Sidebar Open Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

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