Иконка Case Round Minimalistic Bold Duotone

solar:case-round-minimalistic-bold-duotone

Иконка Case Round Minimalistic Bold Duotone (solar:case-round-minimalistic-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Школа
Теги: caseround, roundminimalistic, minimalisticbold, boldduotone, caseroundminimalisticboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M9.87763 4.24993C10.1869 3.37503 11.0213 2.75 11.9998 2.75C12.9783 2.75 13.8127 3.37503 14.122 4.24993C14.26 4.64047 14.6885 4.84517 15.079 4.70713C15.4696 4.56909 15.6742 4.1406 15.5362 3.75007C15.0218 2.29459 13.6337 1.25 11.9998 1.25C10.3658 1.25 8.9778 2.29459 8.46337 3.75007C8.32533 4.1406 8.53002 4.56909 8.92056 4.70713C9.3111 4.84517 9.73959 4.64047 9.87763 4.24993ZM2.74709 8.09098C2.69375 8.05631 2.63765 8.02929 2.58008 8.00965C2.73322 7.69204 2.92679 7.41623 3.17145 7.17157C4.34303 6 6.22864 6 9.99988 6H13.9999C17.7711 6 19.6567 6 20.8283 7.17157C21.073 7.41626 21.2666 7.6921 21.4197 8.00975C21.3623 8.02939 21.3063 8.05637 21.253 8.09098C19.1526 9.45626 17.833 10.3102 16.7364 10.858C16.6701 10.5117 16.3655 10.25 15.9999 10.25C15.5857 10.25 15.2499 10.5858 15.2499 11V11.4581C13.1304 12.0976 10.8693 12.0976 8.74988 11.458V11C8.74988 10.5858 8.41409 10.25 7.99988 10.25C7.63428 10.25 7.32978 10.5116 7.26334 10.8578C6.1669 10.31 4.84732 9.45613 2.74709 8.09098Z" clip-rule="evenodd"/><path d="M2 13.9998C2 12.0494 2 10.6033 2.16208 9.49951C4.43876 10.9794 5.89798 11.9231 7.25 12.5044V12.9998C7.25 13.414 7.58579 13.7498 8 13.7498C8.40872 13.7498 8.74109 13.4229 8.74982 13.0163C10.8801 13.5779 13.1199 13.5779 15.2502 13.0163C15.259 13.4229 15.5913 13.7498 16 13.7498C16.4142 13.7498 16.75 13.414 16.75 12.9998V12.5045C18.1021 11.9233 19.5613 10.9796 21.8379 9.49971C22 10.6035 22 12.0495 22 13.9998C22 17.7711 22 19.6567 20.8284 20.8283C19.6569 21.9998 17.7712 21.9998 14 21.9998H10C6.22876 21.9998 4.34315 21.9998 3.17157 20.8283C2 19.6567 2 17.7711 2 13.9998Z" opacity=".5"/></g></svg>

Как использовать иконку Case Round Minimalistic Bold Duotone

React

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

<Icon icon="solar:case-round-minimalistic-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:case-round-minimalistic-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:case-round-minimalistic-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--case-round-minimalistic-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:case-round-minimalistic-bold-duotone"></div>

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

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

<iconify-icon icon="solar:case-round-minimalistic-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/case-round-minimalistic-bold-duotone.svg" alt="Иконка Case Round Minimalistic Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Case Round Minimalistic Bold Duotone

Можно ли бесплатно использовать иконку Case Round Minimalistic Bold Duotone в коммерческих проектах?

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

Как использовать иконку Case Round Minimalistic Bold Duotone в React?

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

Как добавить иконку Case Round Minimalistic Bold Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/case-round-minimalistic-bold-duotone.svg" alt="Иконка Case Round Minimalistic Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →