Иконка Website Development Browser Hand

streamline-freehand:website-development-browser-hand

Иконка Website Development Browser Hand (streamline-freehand:website-development-browser-hand) — бесплатная SVG-иконка из набора Freehand free icons от 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
Категория: Программирование, приложения и сайты
Теги: websitedevelopment, developmentbrowser, browserhand, websitedevelopmentbrowserhand

Скачать SVG

Код 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>

Веб-компонент

<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">

Иконка Website Development Browser Hand в других наборах

Вопросы и ответы: Иконка Website Development Browser Hand

Можно ли бесплатно использовать иконку Website Development Browser Hand в коммерческих проектах?

Да. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Website Development Browser Hand в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Freehand free icons →