Magnifier Check Outline アイコン
solar:magnifier-check-outline
Magnifier Check Outline アイコン(solar:magnifier-check-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
- カテゴリ
- 検索
- タグ
- magnifiercheck、checkoutline、magnifiercheckoutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13.9082 8.53906C14.1629 8.21259 14.6343 8.15382 14.9609 8.4082C15.2874 8.66285 15.3462 9.13435 15.0918 9.46094L11.1914 14.4609C11.0522 14.6394 10.8396 14.7459 10.6133 14.75C10.4153 14.7535 10.2249 14.6788 10.083 14.5439L10.0254 14.4824L7.92578 11.9824C7.65938 11.6653 7.70045 11.1922 8.01758 10.9258C8.33473 10.6594 8.80779 10.7005 9.07422 11.0176L10.5781 12.8096L13.9082 8.53906Z"/><path fill-rule="evenodd" d="M11.5 1.25C17.1609 1.25 21.75 5.83908 21.75 11.5C21.75 14.0604 20.808 16.3989 19.2559 18.1953L22.5303 21.4697C22.8228 21.7626 22.8228 22.2384 22.5303 22.5312C22.2375 22.8236 21.7625 22.8237 21.4697 22.5312L18.1953 19.2559C16.3989 20.808 14.0604 21.75 11.5 21.75C5.83908 21.75 1.25 17.1609 1.25 11.5C1.25 5.83908 5.83908 1.25 11.5 1.25ZM11.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.75Z" clip-rule="evenodd"/></g></svg>Magnifier Check Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:magnifier-check-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:magnifier-check-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:magnifier-check-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--magnifier-check-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:magnifier-check-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:magnifier-check-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/magnifier-check-outline.svg" alt="Magnifier Check Outline アイコン" width="24" height="24">Solar の関連アイコン
magnifier-bold
magnifier-bold-duotone
magnifier-broken
magnifier-bug-bold
magnifier-bug-bold-duotone
magnifier-bug-broken
magnifier-bug-line-duotone
magnifier-bug-linear
magnifier-bug-outline
magnifier-check-bold
magnifier-check-bold-duotone
magnifier-check-broken
magnifier-check-line-duotone
magnifier-check-linear
magnifier-close-bold
magnifier-close-bold-duotone
magnifier-close-broken
magnifier-close-line-duotone
magnifier-close-linear
magnifier-close-outline
magnifier-line-duotone
magnifier-linear
magnifier-outline
magnifier-slash-bold
Magnifier Check Outline アイコン のよくある質問
Magnifier Check Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Magnifier Check Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:magnifier-check-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Magnifier Check Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/magnifier-check-outline.svg" alt="Magnifier Check Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。