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

Copy Close Bold Duotone アイコン

solar:copy-close-bold-duotone

Copy Close Bold Duotone アイコン(solar:copy-close-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
カテゴリ
UI
タグ
copyclose、closebold、boldduotone、copycloseboldduotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.17157 3.17157C3 4.34315 3 6.22876 3 10V12C3 15.7712 3 17.6569 4.17157 18.8284C4.78913 19.446 5.6051 19.738 6.79105 19.8761C6.59961 19.0353 6.59961 17.8796 6.59961 16.2167V11.3974C6.59961 8.6712 6.59961 7.3081 7.44314 6.46118C8.28667 5.61426 9.64432 5.61426 12.3596 5.61426H15.2396C16.8915 5.61426 18.0409 5.61426 18.8777 5.80494C18.7403 4.61146 18.4484 3.79154 17.8284 3.17157C16.6569 2 14.7712 2 11 2C7.22876 2 5.34315 2 4.17157 3.17157Z" opacity=".5"/><path fill-rule="evenodd" d="M15.2393 5.61426C17.9545 5.61426 19.3127 5.61405 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 22.0001 17.9544 22 15.2393 22H12.3594C9.64459 22 8.28689 21.9999 7.44336 21.1533C6.59984 20.3064 6.59961 18.9429 6.59961 16.2168V11.3975C6.59961 8.67127 6.59983 7.30786 7.44336 6.46094C8.28688 5.61427 9.64449 5.61426 12.3594 5.61426H15.2393ZM16.3281 10.6719C16.0352 10.379 15.5595 10.379 15.2666 10.6719L13.499 12.4395L11.7314 10.6719C11.4386 10.379 10.9638 10.379 10.6709 10.6719C10.3783 10.9648 10.3781 11.4396 10.6709 11.7324L12.4385 13.5L10.6709 15.2676C10.3782 15.5605 10.3781 16.0363 10.6709 16.3291C10.9637 16.6214 11.4387 16.6213 11.7314 16.3291L13.499 14.5605L15.2666 16.3291C15.5594 16.6217 16.0353 16.6217 16.3281 16.3291C16.6209 16.0363 16.6208 15.5605 16.3281 15.2676L14.5596 13.5L16.3281 11.7324C16.6206 11.4397 16.6205 10.9647 16.3281 10.6719Z" clip-rule="evenodd"/></g></svg>

Copy Close Bold Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:copy-close-bold-duotone"></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-duotone"></iconify-icon>

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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