Zoiper アイコン
simple-icons:zoiper
Zoiper アイコン(simple-icons:zoiper)は、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="M3.375 13.079c-.862-.863-.862-2.926-.075-3.714s3.263-3.224 5.062-5.024s3.376-2.063 3.863-2.063H15.9c.222 0 .553.033.924.089l-1.087 2.166c-.874-.063-1.682-.042-2.274-.042c-2.438 0-2.626.562-3.038.975c-.413.412-5.062 4.837-5.4 5.175c-1.05 1.05.562 1.538 2.325 1.538c.788 0 .9.825.712 1.575c-.102.408-.368 1.43-.592 2.528H5.331a13 13 0 0 1 .219-.954c.188-.637.225-1.2-.15-1.2s-1.163-.187-2.025-1.05m18.043-9.92c-.197-.196-2.184-1.35-2.773-1.62a1 1 0 0 0-.417-.105c-.313 0-.486.217-.587.42l-3.118 6.213a3.742 3.742 0 0 0-.715 6.904c-.457.544-1.133 1.1-1.292 1.285c-.225.263-.787.526-1.763.526H4.367a2.184 2.184 0 1 0-.156.87h7.04c.974 0 1.537-.261 1.761-.524c.214-.249 1.366-1.173 1.659-1.831q.424.105.883.106a3.74 3.74 0 0 0 3.74-3.74a3.73 3.73 0 0 0-.532-1.923l2.753-5.55c.27-.54.1-.834-.097-1.03m.286 1.774l-.993 2.002c.697 1.006 1.152 2.412 1.152 4.419c0 5.099-2.7 5.662-3.263 5.662h-2.138c-.45 0-.787.075-1.612.9s-1.988 1.837-2.325 2.174c-.337.338-.825.563-1.688.563H8.175c-.375 0-1.05-.188-1.05-1.763c0-.22.021-.475.049-.737H5.059c-.058.64-.075 1.277.003 1.787c.226 1.463 1.426 2.625 2.438 2.625h3.975c1.838 0 5.213-3.412 5.213-3.412s1.107.068 1.763.05C20.488 19.149 24 17.467 24 11.842c0-3.314-.995-5.477-2.296-6.908"/></svg>Zoiper アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:zoiper" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:zoiper" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:zoiper" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--zoiper]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:zoiper"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:zoiper"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/zoiper.svg" alt="Zoiper アイコン" width="24" height="24">他のアイコンセットの Zoiper アイコン
Zoiper アイコン のよくある質問
Zoiper アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Zoiper アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:zoiper" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zoiper アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/zoiper.svg" alt="Zoiper アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。