Иконка Paperclip Rounded 2 Bold

solar:paperclip-rounded-2-bold

Иконка Paperclip Rounded 2 Bold (solar:paperclip-rounded-2-bold) — бесплатная 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
Категория: Сообщения
Теги: papercliprounded, roundedbold, papercliproundedbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28595 22 4.92893 20.5355 3.46447C19.0711 2 16.714 2 12 2ZM8.96383 6.86264C11.2024 4.71245 14.8198 4.71245 17.0583 6.86264C19.3139 9.02918 19.3139 12.5548 17.0583 14.7213L14.8535 16.8391C13.5891 18.0536 11.5511 18.0536 10.2867 16.8391C9.0053 15.6083 9.0053 13.5997 10.2867 12.3689L12.0506 10.6747C12.3493 10.3877 12.8241 10.3973 13.111 10.696C13.398 10.9947 13.3884 11.4695 13.0897 11.7564L11.3258 13.4507C10.6589 14.0912 10.6589 15.1168 11.3258 15.7573C12.0097 16.4142 13.1305 16.4142 13.8144 15.7573L16.0192 13.6395C17.6603 12.0633 17.6603 9.52069 16.0192 7.94444C14.3612 6.35185 11.661 6.35185 10.0029 7.94444L7.79812 10.0622C6.40063 11.4045 6.40063 13.5679 7.79812 14.9102C8.09685 15.1972 8.1064 15.6719 7.81947 15.9707C7.53253 16.2694 7.05775 16.279 6.75902 15.992C4.74699 14.0594 4.74699 10.913 6.75902 8.98043L8.96383 6.86264Z" clip-rule="evenodd"/></svg>

Как использовать иконку Paperclip Rounded 2 Bold

React

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

<Icon icon="solar:paperclip-rounded-2-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:paperclip-rounded-2-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:paperclip-rounded-2-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--paperclip-rounded-2-bold]"></span>

UnoCSS

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

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

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

<iconify-icon icon="solar:paperclip-rounded-2-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/paperclip-rounded-2-bold.svg" alt="Иконка Paperclip Rounded 2 Bold" width="24" height="24">

Вопросы и ответы: Иконка Paperclip Rounded 2 Bold

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

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

Как использовать иконку Paperclip Rounded 2 Bold в React?

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

Как добавить иконку Paperclip Rounded 2 Bold на веб-страницу?

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

Все Иконки Solar →