ICONYZ
Русский
Иконка Creative Commons из набора Humbleicons

Иконка Creative Commons

humbleicons:creative-commons

Иконка Creative Commons (humbleicons:creative-commons) — бесплатная SVG-иконка из набора Humbleicons от Jiří Zralý. Она нарисована на сетке 24 × 24. Humbleicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Humbleicons
Автор
Jiří Zralý
Лицензия
MIT
Размер
24 × 24
Теги
creativecommons, common
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 10.333c-.313-.25-.703-.333-1.125-.333C7.839 10 7 10.895 7 12s.84 2 1.875 2c.422 0 .812-.082 1.125-.333m6-3.334c-.313-.25-.703-.333-1.125-.333c-1.036 0-1.875.895-1.875 2s.84 2 1.875 2c.422 0 .812-.082 1.125-.333M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0"/></svg>

Как использовать иконку Creative Commons

React

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

<Icon icon="humbleicons:creative-commons" width="24" />

Vue

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

<template>
  <Icon icon="humbleicons:creative-commons" width="24" />
</template>

Svelte

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

<Icon icon="humbleicons:creative-commons" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[humbleicons--creative-commons]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/humbleicons -->
<div class="i-humbleicons:creative-commons"></div>

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

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

<iconify-icon icon="humbleicons:creative-commons"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/humbleicons/creative-commons.svg" alt="Иконка Creative Commons" width="24" height="24">

Похожие иконки в наборе Humbleicons

Иконка creative-commons-by
creative-commons-by
 Иконка creative-commons-nd
creative-commons-nd
 Иконка creative-commons-sa
creative-commons-sa

Иконка Creative Commons в других наборах

Иконка Creative Commons из набора Material Design Icons
Material Design Icons
 Иконка Creative Commons из набора Lucide
Lucide
 Иконка Creative Commons из набора Tabler Icons
Tabler Icons
 Иконка Creative Commons из набора Boxicons Brands
Boxicons Brands
 Иконка Creative Commons из набора CoreUI Brands
CoreUI Brands
 Иконка Creative Commons из набора Entypo+
Entypo+
 Иконка Creative Commons из набора Font Awesome 4
Font Awesome 4
 Иконка Creative Commons из набора Font Awesome 5 Brands
Font Awesome 5 Brands
 Иконка Creative Commons из набора Font Awesome 6 Brands
Font Awesome 6 Brands
 Иконка Creative Commons из набора Font Awesome Brands
Font Awesome Brands
 Иконка Creative Commons из набора Grommet Icons
Grommet Icons
 Иконка Creative Commons из набора Huge Icons
Huge Icons

Вопросы и ответы: Иконка Creative Commons

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

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

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

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

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

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

Все Humbleicons →