Rounded Magnifier Close Bold Duotone アイコン

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

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

solar:rounded-magnifier-close-bold-duotone

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

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" cy="11" r="9" opacity=".5"/><path d="M20.2831 18.2558C20.5012 18.2738 20.7703 18.3588 21.0585 18.4452C21.3221 18.5242 21.5732 18.5945 21.7578 18.6933C22.7332 19.2157 23.0479 20.4648 22.4374 21.3876C22.3218 21.5622 22.1341 21.7437 21.9394 21.9384C21.7447 22.133 21.5632 22.3207 21.3886 22.4364C20.4657 23.0474 19.2168 22.7325 18.6943 21.7567C18.5955 21.5721 18.5252 21.3211 18.4462 21.0575C18.3598 20.7692 18.2747 20.5002 18.2568 20.2821C18.1621 19.126 19.127 18.1608 20.2831 18.2558Z"/><path d="M12.2372 8.70107C12.5301 8.40821 13.0049 8.40826 13.2978 8.70107C13.5907 8.99397 13.5907 9.46873 13.2978 9.76162L12.0605 10.9989L13.2978 12.2362C13.5906 12.5291 13.5905 13.0039 13.2978 13.2968C13.0049 13.5897 12.5301 13.5897 12.2372 13.2968L10.9999 12.0595L9.76264 13.2968C9.46975 13.5897 8.99499 13.5897 8.70209 13.2968C8.40928 13.0039 8.40923 12.5291 8.70209 12.2362L9.9394 10.9989L8.70209 9.76162C8.4092 9.46873 8.4092 8.99397 8.70209 8.70107C8.995 8.40832 9.46979 8.40823 9.76264 8.70107L10.9999 9.93838L12.2372 8.70107Z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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