sebikostudio-icons
Version:
A collection of icon components
12 lines (7 loc) • 3.62 kB
JavaScript
import React, { forwardRef } from 'react';
export const InstagramLogoIcon = forwardRef(({ className, style, ariaLabel, ...props }, ref) => (
<svg ref={ref} className={className} aria-label={ariaLabel || "instagram, logo"} style={style} width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path fillRule="evenodd" clipRule="evenodd" d="M17.4897 17.4894C17.943 17.0362 18.2965 16.4932 18.5278 15.8953C18.7503 15.3228 18.9024 14.6686 18.9461 13.7107C18.9899 12.7507 19.0003 12.4443 19.0003 10C19.0003 7.55578 18.9899 7.24915 18.9461 6.28935C18.9024 5.33137 18.7503 4.67716 18.5278 4.10469C18.3018 3.50417 17.9475 2.96016 17.4897 2.51062C17.0401 2.0527 16.4961 1.69836 15.8955 1.47233C15.323 1.25001 14.6688 1.09789 13.7108 1.05434C12.751 1.01036 12.4445 1 10.0002 1C7.55594 1 7.24934 1.01036 6.28954 1.05416C5.33156 1.09789 4.67735 1.25001 4.10489 1.47251C3.50436 1.69849 2.96036 2.05275 2.51081 2.51058C2.05288 2.9601 1.69852 3.50411 1.47245 4.10466C1.25013 4.67716 1.09801 5.33137 1.05446 6.28935C1.01048 7.24915 1.00012 7.55575 1.00012 10C1.00012 12.4443 1.01048 12.7509 1.05446 13.7107C1.09819 14.6687 1.25031 15.3229 1.47281 15.8953C1.69879 16.4959 2.05305 17.0399 2.51088 17.4894C2.96043 17.9472 3.50443 18.3015 4.10496 18.5275C4.67746 18.75 5.33167 18.9021 6.28961 18.9458C7.24956 18.9896 7.55605 19 10.0003 19C12.4445 19 12.7512 18.9896 13.711 18.9458C14.6689 18.9021 15.3231 18.75 15.8956 18.5275C16.4935 18.2963 17.0364 17.9427 17.4897 17.4894ZM2.38412 8.94071C2.38447 9.23187 2.38489 9.57828 2.38489 10C2.38489 10.4218 2.38447 10.7682 2.38412 11.0593C2.38274 12.196 2.38238 12.4903 2.41201 13.1368C2.44885 13.9474 2.49313 14.5431 2.62835 14.992C2.75833 15.4235 2.90412 15.8628 3.38008 16.3929C3.85604 16.9229 4.31514 17.163 4.89991 17.3394C5.48469 17.5157 6.21965 17.5536 6.85784 17.5828C7.58172 17.6158 7.86862 17.6157 9.38699 17.6153L10.0003 17.6152C10.405 17.6152 10.7403 17.6156 11.024 17.6159H11.0251H11.0261C12.1906 17.6172 12.4845 17.6175 13.1374 17.5876C13.948 17.5507 14.5436 17.5064 14.9926 17.3712C15.4241 17.2412 15.8634 17.0954 16.3934 16.6195C16.9235 16.1435 17.1635 15.6844 17.3399 15.0997C17.5163 14.5149 17.5542 13.7799 17.5833 13.1417C17.6163 12.4187 17.6162 12.1327 17.6158 10.6194L17.6157 10.0005L17.6158 9.38727C17.6162 7.86887 17.6163 7.58198 17.5833 6.8581C17.5541 6.2199 17.5162 5.48494 17.3399 4.90016C17.1635 4.31539 16.9234 3.85629 16.3934 3.38033C15.8633 2.90437 15.424 2.75858 14.9925 2.6286C14.5436 2.49339 13.9479 2.44911 13.1373 2.41226C12.4845 2.38234 12.1906 2.38267 11.0261 2.38394C10.742 2.38425 10.406 2.38462 10.0003 2.38462L9.38688 2.38452C7.8686 2.38411 7.58171 2.38404 6.85784 2.41706C6.21965 2.44618 5.48469 2.48408 4.89991 2.66045C4.31514 2.83682 3.85604 3.07692 3.38008 3.60696C2.90412 4.13701 2.75833 4.57627 2.62835 5.0078C2.49313 5.45672 2.44885 6.05237 2.41201 6.86297C2.38238 7.50951 2.38274 7.80402 2.38412 8.94071ZM10.0002 6.69256C8.17349 6.69256 6.69268 8.17337 6.69268 10C6.69268 11.8267 8.17349 13.3075 10.0002 13.3075C11.8268 13.3075 13.3076 11.8267 13.3076 10C13.3076 8.17337 11.8268 6.69256 10.0002 6.69256ZM5.69268 10C5.69268 7.62108 7.6212 5.69256 10.0002 5.69256C12.3791 5.69256 14.3076 7.62108 14.3076 10C14.3076 12.379 12.3791 14.3075 10.0002 14.3075C7.6212 14.3075 5.69268 12.379 5.69268 10ZM14.8044 6.23427C15.3779 6.23427 15.8428 5.76933 15.8428 5.19581C15.8428 4.62228 15.3779 4.15734 14.8044 4.15734C14.2308 4.15734 13.7659 4.62228 13.7659 5.19581C13.7659 5.76933 14.2308 6.23427 14.8044 6.23427Z" fill="currentColor"/>
</svg>
));
export default InstagramLogoIcon;