Website Development Browser Hand アイコン
streamline-freehand:website-development-browser-hand
Website Development Browser Hand アイコン(streamline-freehand:website-development-browser-hand)は、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 サイト
- タグ
- websitedevelopment、developmentbrowser、browserhand、websitedevelopmentbrowserhand
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.097 2.641a7.6 7.6 0 0 1 .05-1.37a.31.31 0 0 0-.44-.429c-.33.3-.33 1.33-.41 1.69a22.05 22.05 0 0 0-.11 9.404a.342.342 0 0 0 .68-.08a76 76 0 0 1 .23-9.215M21.13 3.68a99 99 0 0 0-13.283 0c-.38 0-.55.6.17.74c1.439 0 2.998.21 5.996.22s5.108-.18 7.176-.24a.361.361 0 0 0-.06-.72"/><path d="M23.748 4.15c-.1-.93 0-2.678-.74-3.228c-1.509-1.16-4.567-.82-6.666-.91c-2.638-.07-5.347.17-7.906.27a.34.34 0 1 0 0 .68c2.589 0 5.218-.16 7.836 0c1.9.12 4.918 0 5.997.84c.25.2.54 5.797.55 6.356a28.3 28.3 0 0 1-.37 4.708c-1.21.71-6.157 1.12-7.606 1.21a.31.31 0 0 0 0 .609c1.859 0 6.127-.26 7.736-.85c.54-.2.77-.44.93-1.289c.51-2.77.59-5.601.24-8.396"/><path d="M9.366 2.592a.6.6 0 0 0-.15-.76c-.57-.3-1.27.28-.77.8a.62.62 0 0 0 .92-.04m1.959-.2a.6.6 0 0 0-.16-.76c-.57-.3-1.27.28-.76.79a.62.62 0 0 0 .92-.03m2.129 0a.59.59 0 0 0-.15-.76c-.57-.3-1.27.28-.76.79a.61.61 0 0 0 .91-.03m5.296 15.361a1.82 1.82 0 0 0-2.538-1.929a7.9 7.9 0 0 0-2.379 1.75c-.42.34-1.839 1.429-1.839 1.429a5.8 5.8 0 0 1-2.258-.48c0-.09.06-.18.17-.33c1.179-1.63 2.698-2.209 1.629-3.858a1.38 1.38 0 0 0-1.53-.5c-1.759.33-3.468 2.08-5.127 2.719c-.07 0-.15 0-.17.05c-.28-1.88-1.999-1.39-2.728-1.4s-2.18-.11-1.91.55a.3.3 0 0 0 .39.16c.485-.051.975-.02 1.45.09c2.079.23 1.829-.94 1.699 6.257c0 .67 0 .85-1.11.94c-.637.04-1.277.01-1.909-.09a.343.343 0 0 0-.4.27a.34.34 0 0 0 .27.399c.68.148 1.374.222 2.07.22c.999 0 1.629-.15 1.998-1l2.24-.49c3.537.91 8.385 1.1 11.493-.879c1.18-.76 2.499-1.719 1.85-2.998a1.53 1.53 0 0 0-1.36-.88m-4.337.65c1-.62 2.239-1.93 2.999-1.63a.89.89 0 0 1 .58 1.06c-1.85.4-2.73.79-4.388 1c.28-.14.59-.3.81-.43m3.188 2.329c-3.997 2.748-10.764 1.06-10.994 1.1c-2.199.539-1.999.559-1.999.469c.29-2.709 0-4.997.1-4.997a12.4 12.4 0 0 0 2.999-1.54c.59-.39 2.618-1.549 2.998-.94c.63 1-.51 1.25-1.679 2.76c-.6.779-.46 1.309-.1 1.678c.533.375 1.145.62 1.79.72c2.278.57 6.206-.73 6.875-.87c.67-.14 1.12-.45 1.41.1s-.96 1.22-1.4 1.52"/></g></svg>
Website Development Browser Hand アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:website-development-browser-hand" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:website-development-browser-hand" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:website-development-browser-hand" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--website-development-browser-hand]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:website-development-browser-hand"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:website-development-browser-hand"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/website-development-browser-hand.svg" alt="Website Development Browser Hand アイコン" width="24" height="24">
Freehand free icons の関連アイコン
他のアイコンセットの Website Development Browser Hand アイコン
Website Development Browser Hand アイコン のよくある質問
Website Development Browser Hand アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Website Development Browser Hand アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:website-development-browser-hand" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Website Development Browser Hand アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/website-development-browser-hand.svg" alt="Website Development Browser Hand アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand free icons をすべて見る →
ICONYZ
