Cassette Bold Duotone アイコン

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

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

solar:cassette-bold-duotone

Cassette Bold Duotone アイコン(solar:cassette-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
カテゴリ: デバイス
タグ: cassettebold、boldduotone、cassetteboldduotone

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="M12 4V8H10.772C9.43116 8 8.76073 8 8.24681 7.64385C7.73289 7.2877 7.49749 6.65997 7.02669 5.40449L6.5 4H12Z" clip-rule="evenodd" opacity=".5"/><path d="M16.9733 5.40449L17.5 4H12V8H13.228C14.5688 8 15.2393 8 15.7532 7.64385C16.2671 7.2877 16.5025 6.65997 16.9733 5.40449Z" opacity=".5"/><path fill-rule="evenodd" d="M3.17157 5.17138C2 6.34295 2 8.22857 2 11.9998C2 15.771 2 17.6567 3.17157 18.8282C4.34315 19.9998 6.22876 19.9998 10 19.9998H14C17.7712 19.9998 19.6569 19.9998 20.8284 18.8282C22 17.6567 22 15.771 22 11.9998C22 8.22857 22 6.34295 20.8284 5.17138C20.0914 4.43431 19.0717 4.16095 17.4776 4.05957L16.9733 5.4043C16.5025 6.65977 16.2671 7.28751 15.7532 7.64366C15.2393 7.99981 14.5688 7.99981 13.228 7.99981H10.772C9.43116 7.99981 8.76073 7.99981 8.24681 7.64366C7.73289 7.28751 7.49749 6.65978 7.02669 5.40431L6.52241 4.05957C4.92835 4.16095 3.90865 4.43431 3.17157 5.17138ZM8.25 11.5C7.00736 11.5 6 12.5074 6 13.75C6 14.9926 7.00736 16 8.25 16C9.49264 16 10.5 14.9926 10.5 13.75C10.5 12.5074 9.49264 11.5 8.25 11.5ZM15.75 11.5C14.5074 11.5 13.5 12.5074 13.5 13.75C13.5 14.9926 14.5074 16 15.75 16C16.9926 16 18 14.9926 18 13.75C18 12.5074 16.9926 11.5 15.75 11.5Z" clip-rule="evenodd"/></g></svg>

Cassette Bold Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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