Иконка Circle Japanese Yen Fill

keyline-icons:circle-japanese-yen-fill

Иконка Circle Japanese Yen Fill (keyline-icons:circle-japanese-yen-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: circlejapanese, japaneseyen, yenfill, circlejapaneseyenfill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1C18.0753 1 23 5.9247 23 12C23 18.0753 18.0753 23 12 23C5.9247 23 1 18.0753 1 12C1 5.9247 5.9247 1 12 1ZM9.2526 5.3415C9.0627 5.1245 8.7884 5 8.5 5C7.9477 5 7.5 5.4477 7.5 6C7.5 6.2422 7.5879 6.4762 7.7474 6.6585L11 10.3757L11 12L8.5 12C7.9477 12 7.5 12.4477 7.5 13C7.5 13.5523 7.9477 14 8.5 14L11 14L11 15L8.5 15C7.9477 15 7.5 15.4477 7.5 16C7.5 16.5523 7.9477 17 8.5 17L11 17L11 18C11 18.5523 11.4477 19 12 19C12.5523 19 13 18.5523 13 18L13 17L15.5 17C16.0523 17 16.5 16.5523 16.5 16C16.5 15.4477 16.0523 15 15.5 15L13 15L13 14L15.5 14C16.0523 14 16.5 13.5523 16.5 13C16.5 12.4477 16.0523 12 15.5 12L13 12L13 10.3757L16.2526 6.6585C16.4121 6.4762 16.5 6.2422 16.5 6C16.5 5.4477 16.0523 5 15.5 5C15.2116 5 14.9373 5.1245 14.7474 5.3415L12 8.4814L9.2526 5.3415Z"/></svg>

Как использовать иконку Circle Japanese Yen Fill

React

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

<Icon icon="keyline-icons:circle-japanese-yen-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:circle-japanese-yen-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:circle-japanese-yen-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--circle-japanese-yen-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:circle-japanese-yen-fill"></div>

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

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

<iconify-icon icon="keyline-icons:circle-japanese-yen-fill"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/circle-japanese-yen-fill.svg" alt="Иконка Circle Japanese Yen Fill" width="24" height="24">

Вопросы и ответы: Иконка Circle Japanese Yen Fill

Можно ли бесплатно использовать иконку Circle Japanese Yen Fill в коммерческих проектах?

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

Как использовать иконку Circle Japanese Yen Fill в React?

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

Как добавить иконку Circle Japanese Yen Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/circle-japanese-yen-fill.svg" alt="Иконка Circle Japanese Yen Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →