Ionos アイコン
simple-icons:ionos
Ionos アイコン(simple-icons:ionos)は、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
- タグ
- iono
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22.182 15.499a2 2 0 0 1-.354-.036a1.83 1.83 0 0 1-1.208-.863l-.007-.012a.543.543 0 0 1 .2-.716a.5.5 0 0 1 .27-.074a.53.53 0 0 1 .462.272l.018.03l.057.076l.075.077a.74.74 0 0 0 .346.167a.76.76 0 0 0 .595-.136a.72.72 0 0 0 .3-.54a.74.74 0 0 0-.208-.577s-1.6-1.661-1.671-1.738a2 2 0 0 1-.193-.23c-.226-.32-.296-.696-.261-1.07a1.7 1.7 0 0 1 .225-.74s.073-.123.095-.155c.084-.123.251-.283.366-.372a2 2 0 0 1 .306-.185a1.75 1.75 0 0 1 2.282.705a.52.52 0 0 1 .055.402a.53.53 0 0 1-.253.326a.5.5 0 0 1-.259.07a.53.53 0 0 1-.46-.27a.7.7 0 0 0-.466-.33a.72.72 0 0 0-.564.128a.7.7 0 0 0-.267.498a.7.7 0 0 0 .19.54l1.636 1.686a1.83 1.83 0 0 1 .507 1.393c-.047.524-.307 1-.715 1.305a1.84 1.84 0 0 1-1.099.369m-5.175 0a1.76 1.76 0 0 0 1.759-1.76v-3.478a1.759 1.759 0 0 0-3.518 0v3.478a1.76 1.76 0 0 0 1.759 1.76m0-5.935c.378 0 .697.32.697.697v3.478a.7.7 0 0 1-.697.697a.69.69 0 0 1-.697-.697v-3.478a.7.7 0 0 1 .697-.697m-7.898.323v5.08a.53.53 0 0 0 1.061 0V12.09Zm2.88 2.025v-2.88a.531.531 0 0 1 1.062 0v5.084zm1.053 2.94v.114a.533.533 0 0 1-1.007.24l-2.92-6.052v-.121a.53.53 0 0 1 .303-.477a.525.525 0 0 1 .709.247Zm-7.907.646a1.76 1.76 0 0 0 1.759-1.759v-3.478a1.759 1.759 0 0 0-3.518 0v3.478a1.76 1.76 0 0 0 1.76 1.76m0-5.935a.707.707 0 0 1 .696.697v3.478a.697.697 0 1 1-1.394 0v-3.478a.7.7 0 0 1 .697-.697M0 14.911a.58.58 0 1 0 1.158 0v-5.83A.58.58 0 0 0 0 9.08z"/></svg>Ionos アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:ionos" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:ionos" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:ionos" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--ionos]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:ionos"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:ionos"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/ionos.svg" alt="Ionos アイコン" width="24" height="24">他のアイコンセットの Ionos アイコン
Ionos アイコン のよくある質問
Ionos アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ionos アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:ionos" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ionos アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/ionos.svg" alt="Ionos アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。