Evry アイコン
cib:evry
Evry アイコン(cib:evry)は、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="M.589 17.224c.141.344.151.568.099.922c-.042.271-.094.542-.146.807c-.047.234-.156.734.005.927c.156.188.469.172.828.13c.406-.047 2.417-.458 4.531-1.328c.286-.125.578-.276.828-.464c.573-.427.667-1.339.667-1.339c.016-.172.01-.422-.219-.552c-.167-.089-.401-.031-.75.057c-.578.156-2 .693-2.495.839c-.203.063-.599.151-.75-.036c-.255-.313.109-1.292.328-1.833c.219-.547.557-.984 1.604-1.281a46 46 0 0 0 1.276-.391c.281-.094.651-.276.807-.901c.177-.714-.37-.823-.875-.958c-.719-.193-1.172-.219-.854-.906c.13-.276.25-.401.531-.474c.286-.078 2.703-.453 3.667-.625c.542-.094.724-.38.948-.839c.484-.995-.125-1.063-.615-1.016c-1.115.099-2.906.417-3.672.526c-.406.063-.135-.625-.615-.656c-.938-.068-1.734.323-2.052.568c-.302.229-.448.938-.448.938l-.927 3.156c-.083.365-.198.724-.458.88c-.641.375-1.943.401-1.828 1.786c0 0 .026.677.583 2.068zm8.427-5.896c.37-.063.87-.156 1.005.781c.042.281.047 3.547.047 3.547s.354-.339 1.458-2.036c.833-1.286 1.755-2.948 2.099-3.531c.203-.339.578-.693 1.224-.219c.724.531.74.917.422 1.458a49 49 0 0 1-2.438 3.698c-1.12 1.557-1.656 2.172-2.13 2.688c-.474.51-1.104 1.104-1.76 1.016c-.87-.125-.802-1.599-.839-2.021s-.203-3.776-.089-4.557c.047-.307.031-.661 1-.828zm11.791.083c.401.219-.057 1.141-.833 1.703c-.5.365-1.354.906-2.229.906a8 8 0 0 1 1.354-1.729c.63-.615 1.359-1.068 1.708-.88m10.896-.203c.385-.495.464-.792-.177-1.411c-.578-.557-.964-.229-1.245.057c-.047.057-1.359 1.333-2.734 2.896c-1.073 1.214-2 2.339-2 2.339s-.031-.76.083-1.714c.068-.547.25-1.604.302-1.938c.271-1.698-.792-1.766-1.188-1.792c-.417-.026-.615.193-.74.714c-.109.474-.734 3.078-.484 5.766c.042.484.141.979.151 1.016l-.255.339c-2.328-.646-3.927-2.219-3.927-2.219s.766-.219 1.604-.724c.672-.396 1.953-1.391 1.818-3.135c-.115-1.484-1.693-2.161-2.276-2.036c-.526.109-1.453.74-2.328 1.516c-.057-.401-.068-.849-.49-.901c-.307-.031-.667.109-.927.245a1.5 1.5 0 0 0-.672.63l-.979 2.219c-.031.078-.094.099-.146.109c-.526.12-.693.495-.734.599c0 0-.219.464.172.88a66 66 0 0 1-.714 1.708c-.641 1.469-.599 1.979-.37 2.292c.12.156.526.385 1.016.469c.375.057.656-.161.964-.646c.458-.714 1.38-2.604 1.38-2.604s1.823 1.969 5.495 3.26c0 0-1.943 2.63-2.224 4.083c0 0-.141.953 1.167.953c.328 0 .823-.078 1.177-.297a.6.6 0 0 0 .297-.375c.021-.068.01-.141-.026-.203s-.094-.099-.135-.141c-.068-.063-.057-.151-.021-.25c.719-2.057 3.646-5.557 4.266-6.318c1.641-2.005 4.682-5.135 4.896-5.385z"/></svg>Evry アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:evry" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:evry" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:evry" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--evry]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:evry"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:evry"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/evry.svg" alt="Evry アイコン" width="24" height="24">Evry アイコン のよくある質問
Evry アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Evry アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:evry" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Evry アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/evry.svg" alt="Evry アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。