Rounded Magnifier Linear アイコン
solar:rounded-magnifier-linear
Rounded Magnifier Linear アイコン(solar:rounded-magnifier-linear)は、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、magnifierlinear、roundedmagnifierlinear、rounded magnifer linear
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="11" cy="11" r="9"/><path stroke-linecap="round" d="M21.812 20.9748C21.7493 21.0695 21.636 21.1828 21.4094 21.4094C21.1828 21.636 21.0695 21.7493 20.9748 21.812C20.4202 22.1793 19.6699 21.99 19.3559 21.4036C19.3023 21.3035 19.2563 21.15 19.1643 20.843C19.0638 20.5076 19.0136 20.3398 19.0038 20.2218C18.9466 19.5268 19.5268 18.9466 20.2218 19.0038C20.3398 19.0136 20.5075 19.0638 20.843 19.1643C21.15 19.2563 21.3035 19.3023 21.4036 19.3559C21.99 19.6699 22.1793 20.4202 21.812 20.9748Z"/></g></svg>Rounded Magnifier Linear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:rounded-magnifier-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:rounded-magnifier-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:rounded-magnifier-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--rounded-magnifier-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:rounded-magnifier-linear"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:rounded-magnifier-linear"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/rounded-magnifier-linear.svg" alt="Rounded Magnifier Linear アイコン" width="24" height="24">Solar の関連アイコン
rounded-magnifier-bold
rounded-magnifier-bold-duotone
rounded-magnifier-broken
rounded-magnifier-bug-bold
rounded-magnifier-bug-bold-duotone
rounded-magnifier-bug-broken
rounded-magnifier-bug-line-duotone
rounded-magnifier-bug-linear
rounded-magnifier-bug-outline
rounded-magnifier-check-bold
rounded-magnifier-check-bold-duotone
rounded-magnifier-check-broken
rounded-magnifier-check-line-duotone
rounded-magnifier-check-linear
rounded-magnifier-check-outline
rounded-magnifier-close-bold
rounded-magnifier-close-bold-duotone
rounded-magnifier-close-broken
rounded-magnifier-close-line-duotone
rounded-magnifier-close-linear
rounded-magnifier-close-outline
rounded-magnifier-line-duotone
rounded-magnifier-outline
rounded-magnifier-slash-bold
Rounded Magnifier Linear アイコン のよくある質問
Rounded Magnifier Linear アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Rounded Magnifier Linear アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:rounded-magnifier-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rounded Magnifier Linear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/rounded-magnifier-linear.svg" alt="Rounded Magnifier Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。