Иконка Behance

topcoat:behance

Иконка Behance (topcoat:behance) — бесплатная SVG-иконка из набора TopCoat Icons от TopCoat. Она нарисована на сетке 42 × 42. TopCoat Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: TopCoat Icons
Автор: TopCoat
Лицензия: Apache-2.0
Размер: 42 × 42

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42"><path fill="currentColor" d="M.5 1.5v40h40v-40zm6 17h10.392c1.041 0 2.136.171 2.974.942a4.1 4.1 0 0 1 1.248 2.908c-.005.897-.201 1.875-.797 2.7c-.419.562-.817.927-1.817 1.169v.096c1 .189 1.531.597 2.064 1.267c.635.817.864 1.924.881 3.012c-.006 1.154-.399 2.565-1.294 3.481c-.795.779-1.928 1.426-3.13 1.426H6.5zm18 0h8v2h-8zm3.671 3.211q1.584 0 2.81.412q1.24.403 2.084 1.252c.562.559.99 1.309 1.278 2.175c.382 1.136.454 2.95.446 3.95H25.99c0 1 .181 1.575.543 2.077c.367.493.973.722 1.811.722c.799-.004 1.731-.206 2.039-1.101c.08-.234.119-.698.119-.698h4.287c-.008 1-.447 2.652-1.596 3.656c-1.271 1.031-3.045 1.295-4.752 1.328a9.5 9.5 0 0 1-2.863-.416a5.6 5.6 0 0 1-2.158-1.273q-.89-.851-1.367-2.143c-.318-.865-.479-1.894-.479-3.074q-.001-1.725.467-3.016q.467-1.288 1.322-2.14a5.5 5.5 0 0 1 2.082-1.289q1.229-.422 2.726-.422M11.5 21.5v3h3.494c.305 0 .777-.043.997-.289c.213-.26.509-.502.509-.859v-.244c0-.323-.311-.799-.521-1.076c-.192-.227-.662-.531-.985-.531zm16.844 3.369c-.744 0-1.301.408-1.67.805c-.361.396-.582.826-.66 1.826h4.315c0-1-.173-1.438-.521-1.826c-.346-.397-.833-.805-1.464-.805M11.5 28.5v3h3.852c.301 0 .592-.309.816-.545c.213-.258.332-.77.332-1.127v-.256c0-.326-.111-.534-.332-.815c-.193-.229-.495-.257-.816-.257z"/></svg>

Как использовать иконку Behance

React

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

<Icon icon="topcoat:behance" width="24" />

Vue

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

<template>
  <Icon icon="topcoat:behance" width="24" />
</template>

Svelte

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

<Icon icon="topcoat:behance" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[topcoat--behance]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/topcoat -->
<div class="i-topcoat:behance"></div>

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

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

<iconify-icon icon="topcoat:behance"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/topcoat/behance.svg" alt="Иконка Behance" width="24" height="24">

Иконка Behance в других наборах

Вопросы и ответы: Иконка Behance

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

Да. TopCoat Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Behance в React?

Установите @iconify/react и выведите <Icon icon="topcoat:behance" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Behance на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/topcoat/behance.svg" alt="Иконка Behance">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все TopCoat Icons →