ICONYZ
日本語
Reicon の Shield Search Filled アイコン

Shield Search Filled アイコン

reicon:shield-search-filled

Shield Search Filled アイコン(reicon:shield-search-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Reicon
作者
REICON
ライセンス
MIT
サイズ
24 × 24
カテゴリ
新しいアイコン
タグ
shieldsearch、searchfilled、shieldsearchfilled
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M19.45 6.94v2.51c0 .71-.72 1.17-1.39.92a6.1 6.1 0 0 0-2.75-.33c-2.38.26-4.82 2.55-5.22 4.92c-.33 1.97.3 3.81 1.51 5.11c.55.6.18 1.57-.63 1.66c-.69.08-1.37.06-1.75-.22l-5.5-4.11c-.65-.49-1.18-1.55-1.18-2.37V6.94c0-1.13.86-2.37 1.91-2.77l5.5-2.06c.57-.21 1.51-.21 2.08 0l5.5 2.06c1.06.4 1.92 1.64 1.92 2.77"/><path d="M16 11.512c-2.48 0-4.5 2.02-4.5 4.5s2.02 4.5 4.5 4.5s4.5-2.02 4.5-4.5a4.5 4.5 0 0 0-4.5-4.5M21 22c-.27 0-.52-.11-.71-.29c-.04-.05-.09-.1-.12-.16a.6.6 0 0 1-.09-.17a.6.6 0 0 1-.06-.18c-.01-.07-.02-.13-.02-.2c0-.13.03-.26.08-.38c.05-.13.12-.23.21-.33c.23-.23.58-.34.9-.27c.07.01.13.03.19.06c.06.02.12.05.17.09c.06.03.11.08.16.12c.09.1.16.2.21.33c.05.12.08.25.08.38c0 .26-.11.52-.29.71c-.05.04-.1.08-.16.12c-.05.04-.11.07-.17.09c-.06.03-.12.05-.19.06c-.06.01-.13.02-.19.02"/></g></svg>

Shield Search Filled アイコンの使い方

React

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

<Icon icon="reicon:shield-search-filled" width="24" />

Vue

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

<template>
  <Icon icon="reicon:shield-search-filled" width="24" />
</template>

Svelte

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

<Icon icon="reicon:shield-search-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--shield-search-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:shield-search-filled"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:shield-search-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/shield-search-filled.svg" alt="Shield Search Filled アイコン" width="24" height="24">

Reicon の関連アイコン

Shield Search Filled アイコン のよくある質問

Shield Search Filled アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Shield Search Filled アイコンを使うには?

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

Shield Search Filled アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/shield-search-filled.svg" alt="Shield Search Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

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