Yandex アイコン
cib:yandex
Yandex アイコン(cib:yandex)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M2.536 21.797V18L0 11.197h1.276l1.864 5.251l2.152-6.349h1.172l-2.761 7.943v3.756zm7.516 0h-.979a4 4 0 0 1-.1-.595h-.072c-.328.417-.751.699-1.407.699c-1.063 0-1.792-.803-1.792-2.271c0-1.6.819-2.609 2.912-2.609h.161v-.443c0-.98-.328-1.396-.979-1.396c-.595 0-1.1.312-1.485.651l-.224-1.021c.344-.281 1.027-.593 1.781-.593c1.324 0 2.048.563 2.048 2.375v3.511c0 .713.072 1.339.129 1.693zm-1.271-3.896h-.136c-1.443 0-1.749.635-1.749 1.599c0 .86.281 1.421.869 1.421c.401 0 .803-.265 1.011-.593zm3.735 3.896H11.36v-7.495h1.156v.656h.072c.209-.281.772-.74 1.469-.74c.979 0 1.495.547 1.495 1.688v5.891H14.38V16.01c0-.563-.249-.76-.697-.76c-.485 0-.896.375-1.167.744zm4.181-3.453c0-2.776 1.037-4.125 2.532-4.125c.359 0 .729.12.953.281v-3.303h1.156v10.6h-.86l-.093-.595h-.073c-.323.417-.739.699-1.348.699c-1.469 0-2.267-1.245-2.267-3.557m3.486-2.823c-.235-.235-.489-.355-.876-.355c-.932 0-1.38 1.412-1.38 2.937c0 1.751.328 2.817 1.177 2.817c.579 0 .885-.281 1.079-.577zm4.806 6.38c-1.541 0-2.495-1.229-2.495-3.527c0-2.405.667-4.156 2.255-4.156c1.245 0 2.057.932 2.057 3.475v.635h-3.109c0 1.693.475 2.579 1.396 2.579c.652 0 1.131-.292 1.423-.5l.271.885a2.84 2.84 0 0 1-1.797.609zm-1.276-4.526h1.912c0-1.276-.209-2.208-.876-2.208c-.708 0-.957.875-1.041 2.208zm8.126-3.052l-1.391 3.5L32 21.798h-1.197l-1.163-3.084l-1.124 3.084h-1.141l1.557-3.871l-1.411-3.604h1.203l.969 2.713l1.02-2.713z"/></svg>
Yandex アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:yandex" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:yandex" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:yandex" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--yandex]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:yandex"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:yandex"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/yandex.svg" alt="Yandex アイコン" width="24" height="24">
Yandex アイコン のよくある質問
Yandex アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Yandex アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:yandex" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Yandex アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/yandex.svg" alt="Yandex アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Brands アイコン をすべて見る →
ICONYZ
