Иконка Immich Frame

selfhst:immich-frame

Иконка Immich Frame (selfhst:immich-frame) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: selfh.st/icons
Автор: selfh.st
Лицензия: CC-BY-4.0
Размер: 512 × 512
Теги: immichframe

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fa2921" d="M333.4 215.4c-22.3-38.4-57-79.2-100.1-117.3c-2.8-2.5-5.7-5-8.5-7.4h160.3c-11.2 40.3-29.3 84.7-51.7 124.7"/><path fill="#ed79b5" d="M256 158.8c-43.6 9.3-93.4 29.7-143.1 58.8c-27 15.9-52.3 33.4-74 51.1V99.6c0-4.9 4-8.9 8.9-8.9h132.6c26.3 19.9 52.5 43.2 75.6 68.1"/><path fill="#ffb400" d="M302.7 306.8c29.9-33.1 58.1-78.7 81.2-131.4c12.5-28.6 22.6-57.6 29.7-84.6H464c4.9 0 9 4 9 8.9v214.8c-48.8 6.2-111.9 3.8-170.3-7.7"/><path fill="#1e83f7" d="M177.4 215.4c-4.6 44.1-.5 97.4 11.9 153.3q2.55 11.4 5.4 22.5H47.9c-4.9 0-8.9-4-8.9-8.9v-76.7c35.5-32.6 86.2-66.2 138.4-90.2"/><path fill="#18c249" d="M207 306.6c40.8 17.9 93 30.5 150.3 36c41.1 3.9 81.4 3.7 115.7-.3v40c0 4.9-4 8.9-8.9 8.9H223.8c-7.5-27.2-13.4-56.1-16.8-84.6"/><path fill="#bebebe" fill-rule="evenodd" d="M33.4 51.8C14.9 51.8 0 66.7 0 85.1v311.7c0 18.4 14.9 33.4 33.4 33.4h27.8v16.5c0 3.6 1.5 7 4.1 9.6c2.6 2.5 6.1 4 9.8 4s7.2-1.4 9.8-4c2.6-2.5 4.1-6 4.1-9.6v-16.5h334v16.5c0 3.6 1.5 7 4.1 9.6c2.6 2.5 6.1 4 9.8 4s7.2-1.4 9.8-4c2.6-2.5 4.1-6 4.1-9.6v-16.5h27.8c18.4 0 33.4-14.9 33.4-33.4V85.1c0-18.4-14.9-33.4-33.4-33.4H33.4zm0 22.2c-6.1 0-11.1 5-11.1 11.1v311.7c0 6.1 5 11.1 11.1 11.1h445.2c6.1 0 11.1-5 11.1-11.1V85.1c0-6.1-5-11.1-11.1-11.1z"/></svg>

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

React

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

<Icon icon="selfhst:immich-frame" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:immich-frame" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:immich-frame" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--immich-frame]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:immich-frame"></div>

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

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

<iconify-icon icon="selfhst:immich-frame"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/selfhst/immich-frame.svg" alt="Иконка Immich Frame" width="24" height="24">

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

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

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

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

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

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

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

Все selfh.st/icons →