Magnifier Close Bold Duotone アイコン

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

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

solar:magnifier-close-bold-duotone

Magnifier Close Bold Duotone アイコン(solar:magnifier-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
カテゴリ: 検索
タグ: magnifierclose、closebold、boldduotone、magnifiercloseboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><circle cx="11.5" cy="11.5" r="9.5" opacity=".5"/><path d="M21.789 20.7655C22.0711 21.0478 22.071 21.5057 21.789 21.788C21.5068 22.0702 21.0488 22.0701 20.7665 21.788L17.6855 18.7069C18.0515 18.3925 18.3926 18.0505 18.707 17.6845L21.789 20.7655Z"/><path d="M12.7372 9.20107C13.0301 8.90821 13.5049 8.90827 13.7978 9.20107C14.0907 9.49396 14.0907 9.96872 13.7978 10.2616L12.5605 11.4989L13.7978 12.7362C14.0907 13.0291 14.0907 13.5049 13.7978 13.7977C13.5049 14.0903 13.0301 14.0903 12.7372 13.7977L11.4999 12.5595L10.2626 13.7977C9.96987 14.0904 9.49498 14.0902 9.20209 13.7977C8.9092 13.5049 8.9092 13.0291 9.20209 12.7362L10.4394 11.4989L9.20209 10.2616C8.9092 9.96872 8.9092 9.49396 9.20209 9.20107C9.495 8.90836 9.96981 8.90823 10.2626 9.20107L11.4999 10.4384L12.7372 9.20107Z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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