Programming Search アイコン
streamline-freehand:programming-search
Programming Search アイコン(streamline-freehand:programming-search)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- プログラミング・アプリ・Web サイト
- タグ
- programmingsearch
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M7.797 8.174a.31.31 0 0 0-.37-.49a14.7 14.7 0 0 0-3.515 3.096a.86.86 0 0 0 .21 1.148c.47.46 2.796 2.457 3.435 2.417a.35.35 0 0 0 .35-.34c0-.35-.09 0-1.129-.998c-.769-.71-1.508-1.588-1.767-1.818a40 40 0 0 1 2.786-3.015m3.445-1.818c-.53 2.337-1.937 4.693-2.496 8.778a.35.35 0 0 0 .679.14c.768-2.886 2.117-4.634 2.426-8.828a.31.31 0 0 0-.609-.09m5.283 4.894c.09-.41-.21-.8-.58-1.19c-.709-.758-1.997-1.866-2.456-2.236a.303.303 0 0 0-.43.43c.35.419 1.998 2.386 2.257 2.855a27 27 0 0 1-2.576 2.647c-.11.1-.39.24-.46.4a.37.37 0 0 0 .58.419c.689-.4 3.385-2.257 3.665-3.326"/><path d="m21.708 17.34l-.89-.738c-1.647-1.119-1.827-1.278-2.056-1.398a9.73 9.73 0 0 0 .539-8.988A10.106 10.106 0 0 0 2.205 4.52C-2.42 10.3.427 19.348 8.895 20.686a8.4 8.4 0 0 0 3.316 0a.36.36 0 1 0-.21-.689c-.989.2-2.007.2-2.996 0C1.345 18.56-.98 10.4 3.163 5.297a9.037 9.037 0 0 1 15.17 1.419c2.246 4.653-.5 10.125-4.265 12.382a.37.37 0 0 0-.15.513a.37.37 0 0 0 .52.126a11.8 11.8 0 0 0 3.924-3.874c1.648 1.068 3.995 2.996 4.424 4.853a1.27 1.27 0 0 1-.51 1.468c-.548.41-2.536-.849-3.075-1.288c-1.288-.999-1.628-1.308-2.077-1.738s-.57-.32-.62-.13s-.149.24.12.5a22 22 0 0 0 2.118 2.307c1.148.998 2.996 2.177 4.234 1.298c2.087-1.578.639-4.015-1.268-5.792"/></g></svg>
Programming Search アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:programming-search" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:programming-search" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:programming-search" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--programming-search]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:programming-search"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:programming-search"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/programming-search.svg" alt="Programming Search アイコン" width="24" height="24">
Freehand free icons の関連アイコン
他のアイコンセットの Programming Search アイコン
Programming Search アイコン のよくある質問
Programming Search アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Programming Search アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:programming-search" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Programming Search アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/programming-search.svg" alt="Programming Search アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand free icons をすべて見る →
