Countingworkspro アイコン
simple-icons:countingworkspro
Countingworkspro アイコン(simple-icons:countingworkspro)は、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="M11.327.512c-3.806.034-7.447 3.19-7.181 7.75c.102 1.547.88 3.382 2.981 5.733a.365.365 0 0 0 .635-.23l.053-2.266a.36.36 0 0 0-.1-.255a5.047 5.047 0 0 1 3.407-8.502c2.27-.104 4.011 1.236 4.753 2.744c.34.693.527 1.45.55 2.222a.357.357 0 0 0 .343.344q.724.022 1.437.147a.36.36 0 0 0 .424-.344a7.24 7.24 0 0 0-2.769-5.788C15.02 1.404 13.564.52 11.327.512m4.94 8.362a15 15 0 0 0-2.515.26a.364.364 0 0 0-.17.635l1.695 1.435a.36.36 0 0 0 .316.073a5.03 5.03 0 0 1 3.123.281c1.78.787 2.92 2.414 3.042 4.304c.208 3.187-2.48 5.539-5.277 5.37a5 5 0 0 1-1.751-.412a.365.365 0 0 0-.443.115q-.434.578-.94 1.094a.367.367 0 0 0 .09.573c1.887 1.073 3.936 1.16 6.014.32c3.303-1.304 4.63-4.523 4.545-6.847c-.096-2.641-1.48-5.072-4.085-6.402c-.921-.47-2.04-.812-3.643-.799zm-12.931 1.2a.4.4 0 0 0-.152.052c-1.41.827-2.216 2.057-2.798 3.777c-.285.892-.386 1.51-.386 2.436a7.276 7.276 0 0 0 7.157 7.141c1.129.017 2.104-.235 2.962-.583c1.45-.62 3.142-1.597 4.65-4.912a.363.363 0 0 0-.459-.489l-2.365.867a.36.36 0 0 0-.195.174a5.03 5.03 0 0 1-2.268 2.224C6 22.428 2.473 19.784 2.235 16.74c-.145-1.741.494-3.053 1.37-3.982c.293-.308.41-.477.663-.662a.36.36 0 0 0 .098-.471a9 9 0 0 1-.653-1.326a.37.37 0 0 0-.377-.225"/></svg>Countingworkspro アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:countingworkspro" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:countingworkspro" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:countingworkspro" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--countingworkspro]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:countingworkspro"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:countingworkspro"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/countingworkspro.svg" alt="Countingworkspro アイコン" width="24" height="24">Countingworkspro アイコン のよくある質問
Countingworkspro アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Countingworkspro アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:countingworkspro" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Countingworkspro アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/countingworkspro.svg" alt="Countingworkspro アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。