Search Duo アイコン
streamline-stickies-color:search-duo
Search Duo アイコン(streamline-stickies-color:search-duo)は、Stickies color icons セットの無料 SVG アイコンです（作者: Streamline）。 40 × 40 のグリッドで描かれています。 Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stickies color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 40 × 40
- カテゴリ
- 学校・科学
- タグ
- searchduo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none"><g clip-path="url(#SVGw9scfcdR)"><path fill="#00034a" stroke="#00034a" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M5.662 5.653c7.252-7.224 15.188-6.501 21.699 0c.465.466.957.903 1.424 1.369c5.503 5.512 6.85 12.057 2.766 18.319c.385.289.786.601 1.213.941c3.426 2.715 9.263 7.274 5.045 11.491c-4.171 4.171-8.858-1.611-11.536-5.01q-.483-.613-.954-1.233c-6.242 4.022-12.75 2.664-18.233-2.82c-.466-.465-.958-.902-1.424-1.368c-6.5-6.501-7.252-14.465 0-21.689"/><path fill="#9bff00" stroke="#00034a" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M27.36 5.653c-6.51-6.501-14.446-7.224-21.698 0c-7.252 7.223-6.5 15.188 0 21.689c5.577 5.576 12.212 6.886 18.55 2.61c.558.886 1.232 1.752 2.06 2.812c6.02 7.637 8.495 5.258 10.113 3.64s3.987-4.093-3.621-10.122c-1.04-.828-1.926-1.492-2.803-2.06c4.286-6.338 2.976-12.983-2.6-18.57z"/><path fill="#fff" stroke="#00034a" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M16.516 26.119a9.621 9.621 0 1 0 0-19.242a9.621 9.621 0 0 0 0 19.242"/><path fill="#fff" d="M14.272 10.613a3.6 3.6 0 0 1 4.536-.154"/><path stroke="#00034a" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M14.272 10.613a3.6 3.6 0 0 1 4.536-.154"/></g><defs><clipPath id="SVGw9scfcdR"><path fill="#fff" d="M0 0h40v40H0z"/></clipPath></defs></g></svg>Search Duo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:search-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:search-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:search-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--search-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:search-duo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:search-duo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/search-duo.svg" alt="Search Duo アイコン" width="24" height="24">Stickies color icons の関連アイコン
他のアイコンセットの Search Duo アイコン
Search Duo アイコン のよくある質問
Search Duo アイコンは商用利用でも無料ですか?
はい。Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Search Duo アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-stickies-color:search-duo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Search Duo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/search-duo.svg" alt="Search Duo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。