Иконка Portfolio
thesvg-color:portfolio
Иконка Portfolio (thesvg-color:portfolio) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 32 × 32. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGmAhx2dHO)"><path fill="#000b1d" d="M5.667 0h20.666A5.66 5.66 0 0 1 32 5.667v19.866a5.66 5.66 0 0 1-5.667 5.667H5.667A5.66 5.66 0 0 1 0 25.533V5.667A5.66 5.66 0 0 1 5.667 0"/><path fill="#fff" d="M7.6 21.8V8.16c0-.093.04-.147.133-.147c.227 0 .507 0 .814-.013c.32-.013.653-.013 1.013-.027c.36-.013.747-.013 1.16-.026c.413-.014.813-.014 1.213-.014c1.094 0 2 .134 2.747.414c.667.226 1.28.6 1.787 1.093c.426.427.76.947.973 1.52c.2.56.307 1.133.307 1.733q0 1.72-.8 2.84A4.57 4.57 0 0 1 14.8 17.16a8.6 8.6 0 0 1-3 .507c-.32 0-.533 0-.667-.014c-.133-.013-.373.027-.626.027v4.16c.013.093-.054.173-.147.187h-.053l-2.56-.04c-.094-.014-.147-.067-.147-.187m2.907-11.173v4.44c.186.013.413-.014.573-.014h.707c.52.014 1.04-.066 1.533-.213c.427-.12.8-.373 1.093-.707c.28-.333.414-.786.414-1.373a2.2 2.2 0 0 0-.307-1.187a1.93 1.93 0 0 0-.933-.76a3.9 3.9 0 0 0-1.574-.266c-.346 0-.653 0-.906.013c-.2 0-.4.027-.6.067m10.026 3.226h-1.32c-.106-.013-.146-.066-.146-.146v-2.2c-.014-.067.04-.134.106-.147h1.36v-.307c0-.453.027-.893.107-1.346a4.4 4.4 0 0 1 .347-1.08a3.76 3.76 0 0 1 1.226-1.44c.534-.374 1.227-.56 2.107-.56c.213 0 .413.013.627.026c.173.014.333.054.493.12c.093.027.147.12.147.214v2.12c0 .106-.054.133-.174.106a3 3 0 0 0-.32-.026h-.32c-.24 0-.466.04-.68.146a.9.9 0 0 0-.426.507a2.7 2.7 0 0 0-.214.96v.547h1.814q.12 0 .16.04c.026.04.04.08.026.133v2.187c0 .106-.066.146-.186.146h-1.814v7.934c0 .04-.013.093-.026.133c-.027.04-.08.067-.16.067H20.72c-.12 0-.173-.067-.173-.187v-7.947z"/></g><defs><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>Как использовать иконку Portfolio
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:portfolio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:portfolio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:portfolio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--portfolio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:portfolio"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:portfolio"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/portfolio.svg" alt="Иконка Portfolio" width="24" height="24">Иконка Portfolio в других наборах
Вопросы и ответы: Иконка Portfolio
Можно ли бесплатно использовать иконку Portfolio в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Portfolio в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:portfolio" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Portfolio на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/portfolio.svg" alt="Иконка Portfolio">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.