Suitcase Bold Duotone アイコン

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

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

solar:suitcase-bold-duotone

Suitcase Bold Duotone アイコン(solar:suitcase-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
カテゴリ: 自然
タグ: suitcasebold、boldduotone、suitcaseboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.17157 7.92157C2 9.09315 2 10.9788 2 14.75C2 18.5212 2 20.4069 3.17157 21.5784C4.34315 22.75 6.22876 22.75 10 22.75H14C17.7712 22.75 19.6569 22.75 20.8284 21.5784C22 20.4069 22 18.5212 22 14.75C22 10.9788 22 9.09315 20.8284 7.92157C19.6569 6.75 17.7712 6.75 14 6.75H10C6.22876 6.75 4.34315 6.75 3.17157 7.92157Z" opacity=".5"/><path d="M16 10.75C16.5523 10.75 17 10.3023 17 9.75C17 9.19772 16.5523 8.75 16 8.75C15.4477 8.75 15 9.19772 15 9.75C15 10.3023 15.4477 10.75 16 10.75Z"/><path d="M9 9.75C9 10.3023 8.55228 10.75 8 10.75C7.44772 10.75 7 10.3023 7 9.75C7 9.19772 7.44772 8.75 8 8.75C8.55228 8.75 9 9.19772 9 9.75Z"/><path d="M12.052 2H11.948C11.0495 1.99997 10.3003 1.99995 9.70552 2.07991C9.07773 2.16432 8.51093 2.34999 8.05546 2.80546C7.59999 3.26093 7.41432 3.82773 7.32991 4.45552C7.24995 5.0503 7.24997 5.7995 7.25 6.69797L7.25 6.77572C7.70703 6.76076 8.20535 6.75451 8.75 6.75189V6.75C8.75 5.78599 8.7516 5.13843 8.81654 4.6554C8.87858 4.19393 8.9858 3.99644 9.11612 3.86612C9.24644 3.7358 9.44393 3.62858 9.9054 3.56654C10.3884 3.5016 11.036 3.5 12 3.5C12.964 3.5 13.6116 3.5016 14.0946 3.56654C14.5561 3.62858 14.7536 3.7358 14.8839 3.86612C15.0142 3.99644 15.1214 4.19393 15.1835 4.6554C15.2484 5.13843 15.25 5.78599 15.25 6.75V6.75189C15.7947 6.75451 16.293 6.76076 16.75 6.77572V6.69801C16.75 5.79954 16.7501 5.0503 16.6701 4.45552C16.5857 3.82773 16.4 3.26093 15.9445 2.80546C15.4891 2.34999 14.9223 2.16432 14.2945 2.07991C13.6997 1.99995 12.9505 1.99997 12.052 2Z"/></g></svg>

Suitcase Bold Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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