ICONYZ
日本語
Solar の Copy Close Bold アイコン

Copy Close Bold アイコン

solar:copy-close-bold

Copy Close Bold アイコン(solar:copy-close-bold)は、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
タグ
copyclose、closebold、copyclosebold
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="M15.2402 5.61426C17.9551 5.61426 19.3127 5.61431 20.1562 6.46094C20.9998 7.30786 21 8.67127 21 11.3975V16.2168C21 18.9429 20.9998 20.3064 20.1562 21.1533C19.3127 21.9998 17.955 22 15.2402 22H12.3604C9.64515 22 8.2869 22.0002 7.44336 21.1533C6.59984 20.3064 6.60059 18.9429 6.60059 16.2168V11.3975C6.60059 8.67128 6.59984 7.30786 7.44336 6.46094C8.28689 5.61402 9.64506 5.61426 12.3604 5.61426H15.2402ZM16.3291 10.6719C16.0362 10.379 15.5605 10.379 15.2676 10.6719L13.5 12.4395L11.7324 10.6719C11.4395 10.379 10.9648 10.379 10.6719 10.6719C10.379 10.9648 10.379 11.4395 10.6719 11.7324L12.4395 13.5L10.6719 15.2676C10.379 15.5605 10.379 16.0362 10.6719 16.3291C10.9647 16.6212 11.4397 16.6215 11.7324 16.3291L13.5 14.5605L15.2676 16.3291C15.5605 16.6215 16.0364 16.6218 16.3291 16.3291C16.6218 16.0364 16.6215 15.5605 16.3291 15.2676L14.5605 13.5L16.3291 11.7324C16.6215 11.4398 16.6212 10.9647 16.3291 10.6719Z" clip-rule="evenodd"/><path d="M15.2402 2C16.7616 2.0001 18.0629 2.94764 18.5898 4.28711C17.7091 4.16822 16.6114 4.16887 15.335 4.16895H12.2656C10.9891 4.16887 9.8886 4.16821 9.00781 4.28711C8.06393 4.41454 7.15966 4.70266 6.42578 5.43945C5.69187 6.17631 5.40523 7.08449 5.27832 8.03223C5.15992 8.91654 5.16008 10.0211 5.16016 11.3027V16.3125C5.1601 17.374 5.16027 18.6502 5.22754 19.5596C3.92032 19.0177 3 17.7249 3 16.2168V10.3789C2.99999 8.60799 3.00049 7.20531 3.14746 6.10742C3.29878 4.97738 3.61751 4.06213 4.33594 3.34082C5.05433 2.61968 5.96542 2.29937 7.09082 2.14746C8.18439 1.99988 9.58168 1.99999 11.3457 2H15.2402Z"/></g></svg>

Copy Close Bold アイコンの使い方

React

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

<Icon icon="solar:copy-close-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:copy-close-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:copy-close-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:copy-close-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/copy-close-bold.svg" alt="Copy Close Bold アイコン" width="24" height="24">

Solar の関連アイコン

Copy Close Bold アイコン のよくある質問

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

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

React で Copy Close Bold アイコンを使うには?

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

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

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

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