Juce アイコン
simple-icons:juce
Juce アイコン(simple-icons:juce)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12s12-5.383 12-12S18.617 0 12 0m0 22.402c-5.744 0-10.417-4.667-10.417-10.404S6.256 1.595 12 1.595s10.417 4.666 10.417 10.403S17.744 22.402 12 22.402m8.097-5.04a9.8 9.8 0 0 1-2.5 2.572a1.23 1.23 0 0 1-1.787-.42c-.97-1.794-1.75-3.59-2.468-5.391a.504.504 0 0 1 .669-.648c1.729.749 3.503 1.46 5.414 2.04a1.227 1.227 0 0 1 .672 1.847m1.615-5.36q0 .895-.156 1.746a1.235 1.235 0 0 1-1.559.97c-2.01-.583-3.87-1.324-5.687-2.111l.002.001a.503.503 0 0 1 .013-.93c1.802-.713 3.606-1.48 5.416-2.437c.727-.385 1.62.04 1.782.846c.124.619.19 1.26.19 1.915zm-6.847 7.713c.383.726-.04 1.61-.842 1.78a9.7 9.7 0 0 1-2.021.212a9.7 9.7 0 0 1-1.607-.132a1.233 1.233 0 0 1-.98-1.56c.583-2.003 1.322-3.854 2.107-5.666a.503.503 0 0 1 .93.014h.002c.704 1.78 1.468 3.565 2.411 5.352M9.181 4.276a1.232 1.232 0 0 1 .844-1.782a9.7 9.7 0 0 1 3.692-.05c.722.129 1.176.852.973 1.557c-.585 2.028-1.33 3.9-2.125 5.73a.503.503 0 0 1-.93-.013h-.001c-.715-1.81-1.49-3.623-2.453-5.442m-5.374 2.51a9.8 9.8 0 0 1 2.635-2.747a1.233 1.233 0 0 1 1.787.42c1.021 1.88 1.83 3.763 2.578 5.65a.504.504 0 0 1-.668.648c-1.802-.783-3.644-1.53-5.64-2.13a1.234 1.234 0 0 1-.692-1.842zm6.864 7.223c-.763 1.753-1.486 3.55-2.072 5.488a1.23 1.23 0 0 1-1.838.679a9.8 9.8 0 0 1-2.662-2.53a1.23 1.23 0 0 1 .414-1.794c1.834-.99 3.67-1.783 5.51-2.513a.504.504 0 0 1 .648.668zm2.72-3.872c.775-1.777 1.51-3.6 2.103-5.57a1.23 1.23 0 0 1 1.85-.672A9.8 9.8 0 0 1 20 6.497a1.23 1.23 0 0 1-.425 1.779c-1.842.998-3.688 1.796-5.538 2.53a.504.504 0 0 1-.648-.67zm-9.098 4.78a1.23 1.23 0 0 1-1.773-.81a9.7 9.7 0 0 1-.103-3.683a1.234 1.234 0 0 1 1.56-.981c2.02.584 3.888 1.328 5.713 2.119a.503.503 0 0 1-.014.93c-1.79.71-3.585 1.474-5.383 2.425"/></svg>Juce アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:juce" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:juce" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:juce" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--juce]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:juce"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:juce"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/juce.svg" alt="Juce アイコン" width="24" height="24">他のアイコンセットの Juce アイコン
Juce アイコン のよくある質問
Juce アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Juce アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:juce" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Juce アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/juce.svg" alt="Juce アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。