Unito Icon アイコン
logos:unito-icon
Unito Icon アイコン(logos:unito-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
- タグ
- unitoicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#3aafa9" d="m204.556 123.368l-.244 29.258a5.63 5.63 0 0 1-5.364 5.607a5.63 5.63 0 0 1-5.364-5.607l.244-29.258c0-16.696-13.535-30.232-30.232-30.232c-15.116 0-28.526 13.166-29.745 29.501v1.22l-.487 11.214v.732a40.962 40.962 0 0 1-81.92-.732a.22.22 0 0 0 .244-.243h-.244v-28.039a5.22 5.22 0 0 1 5.315-5.12a5.22 5.22 0 0 1 5.364 5.072l-.244 28.038c0 16.697 13.535 30.232 30.232 30.232s30.232-13.535 30.232-30.232v-.975l.488-10.24v-1.22c1.512-22.137 19.31-39.692 40.521-39.692c22.683.081 41.014 18.52 40.96 41.204c.244-.731.244-.731.244-.488M128.487 0C57.796-.268.271 56.821.001 127.513C-.267 198.204 56.82 255.729 127.513 256c70.691.268 128.217-56.82 128.487-127.512v-.487C256.134 57.462 199.075.163 128.536 0z"/></svg>Unito Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:unito-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:unito-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:unito-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--unito-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:unito-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:unito-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/unito-icon.svg" alt="Unito Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Unito Icon アイコン のよくある質問
Unito Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Unito Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:unito-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Unito Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/unito-icon.svg" alt="Unito Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。