Coub アイコン
arcticons:coub
Coub アイコン(arcticons:coub)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M45.5 24c0 11.87-9.63 21.5-21.5 21.5c-.56 0-1.11-.02-1.66-.07c.46-1.25 1.06-2.5 1.37-3.71c.61-2.33 1.99-4.13 3.62-5.8c1.28-1.32 2-3 2.96-4.52c.88-1.38 1.71-2.78 2.58-4.17c1.53-2.47 3.1-4.92 4.59-7.42c.3-.5.4-1.17.41-1.77c.01-.88-.83-1.36-1.63-.97c-.37.17-.75.44-.99.76c-1.06 1.41-2.04 2.87-3.11 4.26c-.52.69-1.18 1.27-1.78 1.9c-.24.26-.48.52-.75.76c-.1.09-.3.18-.39.14c-.1-.05-.17-.25-.18-.39c-.01-.61.07-1.23-.01-1.84c-.08-.66-.43-1.2-1.14-1.39c-.68-.19-1.14.19-1.61.6c-.25.23-.59.6-.8.55c-.49-.13-.16-.6-.16-.92c-.02-.95-.41-1.68-1.15-2c-.74-.33-1.63-.11-2.31.5c-.283.254-.396.587-.72.45c-.277-.068-.26-.59-.31-.9c-.38-2.44-.21-4.89-.09-7.34c.04-.78.08-1.56.09-2.34c.01-.84-.4-1.48-1.01-1.65c-.65-.18-1.48.15-1.78.93c-.3.77-.42 1.63-.54 2.46c-.2 1.46-.37 2.92-.5 4.39c-.07.83-.03 1.66-.04 2.5c-.03 1.22-.02 2.45-.12 3.67c-.03.39-.3.83-.59 1.12c-.56.57-1.18 1.07-1.82 1.55c-1.03.79-1.15 1.87-1.16 3.05c-.01 1.76.46 3.38 1.28 4.93c.65 1.24.7 2.52.16 3.85c-.71 1.79-1.4 3.77-2.05 5.59C6.56 38.47 2.5 31.71 2.5 24C2.5 12.13 12.13 2.5 24 2.5S45.5 12.13 45.5 24"/></svg>Coub アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:coub" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:coub" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:coub" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--coub]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:coub"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:coub"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/coub.svg" alt="Coub アイコン" width="24" height="24">Coub アイコン のよくある質問
Coub アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Coub アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:coub" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coub アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/coub.svg" alt="Coub アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。