Иконка Suitcase Bold Duotone

solar:suitcase-bold-duotone

Иконка Suitcase Bold Duotone (solar:suitcase-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
Категория: Природа
Теги: suitcasebold, boldduotone, suitcaseboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.17157 7.92157C2 9.09315 2 10.9788 2 14.75C2 18.5212 2 20.4069 3.17157 21.5784C4.34315 22.75 6.22876 22.75 10 22.75H14C17.7712 22.75 19.6569 22.75 20.8284 21.5784C22 20.4069 22 18.5212 22 14.75C22 10.9788 22 9.09315 20.8284 7.92157C19.6569 6.75 17.7712 6.75 14 6.75H10C6.22876 6.75 4.34315 6.75 3.17157 7.92157Z" opacity=".5"/><path d="M16 10.75C16.5523 10.75 17 10.3023 17 9.75C17 9.19772 16.5523 8.75 16 8.75C15.4477 8.75 15 9.19772 15 9.75C15 10.3023 15.4477 10.75 16 10.75Z"/><path d="M9 9.75C9 10.3023 8.55228 10.75 8 10.75C7.44772 10.75 7 10.3023 7 9.75C7 9.19772 7.44772 8.75 8 8.75C8.55228 8.75 9 9.19772 9 9.75Z"/><path d="M12.052 2H11.948C11.0495 1.99997 10.3003 1.99995 9.70552 2.07991C9.07773 2.16432 8.51093 2.34999 8.05546 2.80546C7.59999 3.26093 7.41432 3.82773 7.32991 4.45552C7.24995 5.0503 7.24997 5.7995 7.25 6.69797L7.25 6.77572C7.70703 6.76076 8.20535 6.75451 8.75 6.75189V6.75C8.75 5.78599 8.7516 5.13843 8.81654 4.6554C8.87858 4.19393 8.9858 3.99644 9.11612 3.86612C9.24644 3.7358 9.44393 3.62858 9.9054 3.56654C10.3884 3.5016 11.036 3.5 12 3.5C12.964 3.5 13.6116 3.5016 14.0946 3.56654C14.5561 3.62858 14.7536 3.7358 14.8839 3.86612C15.0142 3.99644 15.1214 4.19393 15.1835 4.6554C15.2484 5.13843 15.25 5.78599 15.25 6.75V6.75189C15.7947 6.75451 16.293 6.76076 16.75 6.77572V6.69801C16.75 5.79954 16.7501 5.0503 16.6701 4.45552C16.5857 3.82773 16.4 3.26093 15.9445 2.80546C15.4891 2.34999 14.9223 2.16432 14.2945 2.07991C13.6997 1.99995 12.9505 1.99997 12.052 2Z"/></g></svg>

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

React

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

<Icon icon="solar:suitcase-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:suitcase-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:suitcase-bold-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="solar:suitcase-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/suitcase-bold-duotone.svg" alt="Иконка Suitcase Bold Duotone" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Solar →