Magnifier Bug Outline アイコン

Q: Magnifier Bug Outline アイコンは商用利用でも無料ですか?

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

solar:magnifier-bug-outline

Magnifier Bug Outline アイコン(solar:magnifier-bug-outline)は、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
カテゴリ: 検索
タグ: magnifierbug、bugoutline、magnifierbugoutline、magnifer bug outline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.5 2.75C6.66751 2.75 2.75 6.66751 2.75 11.5C2.75 16.3325 6.66751 20.25 11.5 20.25C16.3325 20.25 20.25 16.3325 20.25 11.5C20.25 6.66751 16.3325 2.75 11.5 2.75ZM1.25 11.5C1.25 5.83908 5.83908 1.25 11.5 1.25C17.1609 1.25 21.75 5.83908 21.75 11.5C21.75 14.0605 20.8111 16.4017 19.2589 18.1982L22.5303 21.4697C22.8232 21.7626 22.8232 22.2374 22.5303 22.5303C22.2374 22.8232 21.7626 22.8232 21.4697 22.5303L18.1982 19.2589C16.4017 20.8111 14.0605 21.75 11.5 21.75C5.83908 21.75 1.25 17.1609 1.25 11.5ZM8.54893 8.18594C9.23546 7.31164 10.3021 6.75 11.5 6.75C12.6979 6.75 13.7645 7.31164 14.4511 8.18594L15.1646 7.82918C15.5351 7.64394 15.9856 7.79411 16.1708 8.16459C16.3561 8.53507 16.2059 8.98558 15.8354 9.17082L15.1226 9.52723C15.2057 9.83746 15.25 10.1636 15.25 10.5V10.75H16C16.4142 10.75 16.75 11.0858 16.75 11.5C16.75 11.9142 16.4142 12.25 16 12.25H15.25V12.5C15.25 12.8364 15.2057 13.1625 15.1226 13.4728L15.8354 13.8292C16.2059 14.0144 16.3561 14.4649 16.1708 14.8354C15.9856 15.2059 15.5351 15.3561 15.1646 15.1708L14.4511 14.8141C13.7645 15.6884 12.6979 16.25 11.5 16.25C10.3021 16.25 9.23546 15.6884 8.54893 14.8141L7.83541 15.1708C7.46493 15.3561 7.01442 15.2059 6.82918 14.8354C6.64394 14.4649 6.79411 14.0144 7.16459 13.8292L7.8774 13.4728C7.79431 13.1625 7.75 12.8364 7.75 12.5V12.25H7C6.58579 12.25 6.25 11.9142 6.25 11.5C6.25 11.0858 6.58579 10.75 7 10.75H7.75V10.5C7.75 10.1636 7.79431 9.83746 7.8774 9.52723L7.16459 9.17082C6.79411 8.98558 6.64394 8.53507 6.82918 8.16459C7.01442 7.79411 7.46493 7.64394 7.83541 7.82918L8.54893 8.18594ZM9.25 11.25V12.5C9.25 13.4797 9.87611 14.3131 10.75 14.622V11.25H9.25ZM12.25 11.25V14.622C13.1239 14.3131 13.75 13.4797 13.75 12.5V11.25H12.25ZM13.622 9.75H9.37803C9.68691 8.87611 10.5203 8.25 11.5 8.25C12.4797 8.25 13.3131 8.87611 13.622 9.75Z" clip-rule="evenodd"/></svg>

Magnifier Bug Outline アイコンの使い方

React

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

<Icon icon="solar:magnifier-bug-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:magnifier-bug-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:magnifier-bug-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--magnifier-bug-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:magnifier-bug-outline"></div>

Web コンポーネント

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

<iconify-icon icon="solar:magnifier-bug-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/magnifier-bug-outline.svg" alt="Magnifier Bug Outline アイコン" width="24" height="24">

Solar の関連アイコン

Magnifier Bug Outline アイコンのよくある質問

Magnifier Bug Outline アイコンは商用利用でも無料ですか?

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

React で Magnifier Bug Outline アイコンを使うには?

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

Magnifier Bug Outline アイコンをウェブページに追加するには?

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

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