Zabka アイコン
simple-icons:zabka
Zabka アイコン(simple-icons:zabka)は、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="m4.12 15.041l.187-.967a9.42 9.42 0 0 0 10.05 0l.187.967a8.44 8.44 0 0 1-10.424 0m12.109-4.463c.343.062.718.031 1.03-.156c.25-.156.405-.406.468-.687c.062-.28.094-.53.125-.811h1.186v.437a2.8 2.8 0 0 1-.281 1.03c-.125.25-.343.468-.562.624c-.062.031-.125.094-.187.125c.062.093.125.218.156.312c.312.562.624 1.092.967 1.654l.094.187a.4.4 0 0 1 .031.188h-1.31l-1.03-1.873l-.687.062v1.842h-1.28v-6.18h1.28zM3.808 8.893c0 .062-.032.124-.063.218l-.655 1.124a70 70 0 0 0-1.186 2.06c0 .03-.031.062-.031.093h1.935v1.124H0c0-.063.031-.125.062-.187c.188-.344.375-.656.562-.968s.343-.593.53-.905c.25-.437.5-.874.75-1.28c.031-.031.031-.062.062-.125H.156V8.893zm-1.78-.437A.52.52 0 0 1 1.56 8.3c-.187-.156-.28-.437-.187-.687a.65.65 0 0 1 .53-.437c.22-.062.469.031.625.187c.187.188.218.437.156.687a.6.6 0 0 1-.562.406q-.046.045-.093 0zm12.016 1.872a2.12 2.12 0 0 0-.749-1.123a1.87 1.87 0 0 0-1.123-.375a2.5 2.5 0 0 0-1.061.156c-.032 0-.094.031-.125.031V7.332h-1.28v5.899c.187.062.375.094.562.125c.312.093.624.156.967.218c.5.063 1 0 1.498-.156c.75-.218 1.311-.843 1.405-1.623c.062-.468.062-.999-.094-1.467m-1.217 1.53a.89.89 0 0 1-.655.624a1.96 1.96 0 0 1-1.124-.063s-.031 0-.031-.03v-2.28a1.32 1.32 0 0 1 1.467-.03c.156.124.25.28.312.468c.125.406.156.874.031 1.31zM8.52 9.205a5.3 5.3 0 0 0-.999-.281q-.702-.14-1.404-.094a1.8 1.8 0 0 0-1.124.53c-.28.313-.499.687-.561 1.093a5 5 0 0 0-.094.936q0 .608.281 1.124c.156.28.374.53.655.687a3.08 3.08 0 0 0 2.029.343c.5-.062.967-.218 1.467-.312V9.33c-.063-.032-.156-.094-.25-.125m-.999 3.214c-.436.156-.905.188-1.342 0a.83.83 0 0 1-.468-.499a2.24 2.24 0 0 1 .032-1.498a.93.93 0 0 1 .749-.562c.312-.031.655 0 .936.156c.031 0 .031.031.062.031zm16.073-3.277a7 7 0 0 0-1.154-.28a3.8 3.8 0 0 0-1.186 0c-.718.124-1.28.655-1.498 1.341a3.7 3.7 0 0 0-.125 1.655c.062.499.312.967.718 1.28c.093.062.218.155.312.187c.25.124.561.218.842.25q.516.093 1.03 0c.5-.094.999-.22 1.467-.313V9.33a5 5 0 0 0-.406-.188m-.811 3.277c-.063.032-.094.032-.156.032c-.25.062-.5.093-.78.093a.98.98 0 0 1-.78-.405a1.1 1.1 0 0 1-.188-.437c-.062-.375-.062-.75.062-1.124a.93.93 0 0 1 .812-.687c.343-.062.687 0 .999.188z"/></svg>Zabka アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:zabka" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:zabka" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:zabka" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--zabka]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:zabka"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:zabka"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/zabka.svg" alt="Zabka アイコン" width="24" height="24">他のアイコンセットの Zabka アイコン
Zabka アイコン のよくある質問
Zabka アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Zabka アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:zabka" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zabka アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/zabka.svg" alt="Zabka アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。